.overlay {
position: relative; max-height: 420px; overflow: hidden;}

.hero-text-block {
position: absolute; top: 40%; left: 10%; color: white; font-weight:700; border-left:5px solid var(--accent-color); padding-left:20px; }

.hero-text-block-mobile {
display:none; color: black; font-weight:700; border-left:5px solid var(--accent-color); padding-left:20px; }

.stroke {
color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.maincontent {
max-width:100%; }

.cropped { 
max-height: 650px; /* height of container */
overflow: hidden; }

.float-right img {
padding: .5em; float: right; }

.equal {
display: flex; display: -webkit-flex; flex-wrap: wrap; }

/* 
.process-image {
height:120px; }

.consult {
padding:20px; }

.demo {
padding:20px; }

.install {
padding:20px; }
 */

.myButton {
background-color:transparent; border-radius:3px; border:1px solid var(--accent-color); display:inline-block; cursor:pointer; color:black; font-size:18px; padding:6px 24px; text-decoration:none; }

.myButton:hover {
background-color:var(--accent-color); color:white; text-decoration:none; }
.myButton:active {
 color:white; position:relative; top:1px; }

.myButton-hero {
background-color:transparent; border-radius:3px; border:1px solid #edaf87; display:inline-block; cursor:pointer; color:white; font-size:18px; padding:6px 24px; text-decoration:none; }

.myButton-hero:hover {
background-color:#edaf87; color:white; text-decoration:none; }
.myButton-hero:active {
 color:white; position:relative; top:1px; }

.comm-image-mobile {
display:none; }

.comm-roofing {
position: relative;background-image: url(/imageserver/UserMedia/urcovered/Commercial_roofing.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;border-bottom: 5px solid var(--accent-color);margin-top: 20px;border-top: 5px solid var(--accent-color); }

.comm-finishing {
position: relative;background-image: url(/imageserver/UserMedia/urcovered/commercial-sidingbg001.jpg);background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;border-bottom: 5px solid var(--accent-color); }

.comm-framing {
position: relative;background-image: url(/imageserver/UserMedia/urcovered/framing.jpg);background-attachment: fixed;background-position: bottom left;background-repeat: no-repeat;background-size: cover;border-bottom: 5px solid var(--accent-color); }

.comm-text {
background-color:white; padding:40px; }

section.svc-overview{
padding-top:55px; padding-bottom: 55px; background: var(--accent-color); border-bottom: 5px solid var(--accent-color-alpha);}

section.svc-overview h2 small, section.svc-overview h2 strong, section.svc-overview h2 span{
display:block; }

section.svc-overview h2 strong {
font-size: larger;}

.svc-overview-wrapper {
padding-block: 25px 45px; }

.svc-overview-card {
position: relative; width: 47.333%; margin: 1%; padding: 0; background: #fff; box-shadow: 2px 2px 6px #ccc; }

@media only screen and (max-width: 600px) {
.hero-text-block-mobile {
display:block; border-left:0px; }
.hero-text-block {
display:none; }
}

@media only screen and (max-width: 992px) {
.comm-roofing .col-md-6, .comm-finishing .col-md-6, .comm-framing .col-md-6{
min-height: 320px; }
 
/* 
.comm-image-mobile {
 display:block; }
 */

.comm-bottom-div-mobile {
background-color:white; }

.svc-overview-card {
width: 98.333%; margin: 20px auto; }
}