#hero-wrapper {
  padding:40px 50px 0 50px;
}

.maincontent {
  max-width:100%;
}

.myButton {
	background:var(--accent-color);
	background-color:var(--accent-color);
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:15px;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
	background-color:transparent;
        color:#000;
}
.myButton:active {
	position:relative;
	top:1px;
}


.image {
margin-bottom:-100px;
text-align:center;
position:relative;
}

.image2 {
text-align:center;
position:relative;
}

.overlay2 {
  border-radius:5px;
  position: absolute;
  color: black;
  font-size: 18px;
  font-weight: bold;
  left: 35%;
  top: 60%;
  
  max-width:500px;
}

.overlay {
  position: absolute;
  left: 5%;
  top: 20%;
  max-width:300px;
}


.overlay3 {
  position: relative;
  left: 5%;
  top: 10px;
}

.header-text {
   text-align:center;
  position: absolute;
  top:5%;
  right:0;
  max-width:800px;
  font-size:20px; 
  }

  .img-wrapper {
    margin-top:150px;
  }

   .img-wrapper img {
    box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.75);
-webkit-box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 15px -2px rgba(0,0,0,0.75);
  }

  .quote-wrapper {
    font-size:28px;
    text-align:center;
    margin-top:32px;
    max-width:800px;
  }

  .pvc {
    background-image:url("/imageserver/Reusable/versico2020/disc.png");
    background-repeat:no-repeat;
    background-position: bottom right;
    background-size:50%;
    padding:0 30px;
  }

  .epdm {
position:relative;
    
    background-image:url("/imageserver/Reusable/versico2020/rect-bg.png");
    background-repeat:no-repeat;
    background-position: bottom left;
    background-size:50%;
    padding:0 30px;
  }

  .tpo {
    padding:0 30px;
  }

  .products p {
    min-height:150px;
    max-width:300px;
  }

  #versifleece-wrapper {
    background-image:url("/imageserver/Reusable/versico2020/versifleece-min.png");
    background-position:center right;
    background-repeat:no-repeat;
    background-size:100%;
    padding:60px 0 20px 0;
    min-height:450px;
  }

  .membrane {
    padding-left:40px;
  }

  .versifleece-image {
    text-align:center;
    position:relative;
    max-width:75vw;
  }

   .versifleece-overlay {
  position: absolute;
  font-weight: bold;
  left: 20%;
  top: 15%;
}

   .versifleece-overlay2 {

  position: absolute;
  right: 35%;
  top: 32%;
  text-align:center;
}

.versifleece-overlay2 p{
  font-size:18px;
  max-width:500px;
}

   .versifleece-overlay3 {

  position: absolute;
  right: 18%;
  top: 32%;
  text-align:center;
}

.worker-list {
  padding-top:10%;

}

.worker-list p {
  font-size:22px;
}

.consultation {
  margin-bottom:20px;
}

.licensed {
  margin-bottom:20px;
}


@media only screen and (max-width: 992px) {
  .overlay {
    top:10%;
    left:5%;
    max-width:200px;
  }

  .overlay2 {
     top:55%;
     left:10%;
     max-width:600px;
  }
.image {
    margin-bottom:0;
  }
  
  .header-text {
    position:relative;
    top:0;
    left:0;
  }
   .overlay3 {
    text-align:center;
    position:relative;
    top:0;
    left:0;
    margin:10px auto;
  }

    #versifleece-wrapper {
     padding:30px 0 0 0;
     background-position:center center;
  }
   .versifleece-overlay {
     position:relative;
     text-align:center;
     left:0;
     top:0;

  }
  .versifleece-overlay2 {
  text-align:center;
  position:relative;
  right:0;
     margin-top:80px;
  }
  .versifleece-overlay3 {
  text-align:center;
  position: relative;
  right:0;
     top:0;
 }
  .membrane {
    padding-left:0px;
  }
  .worker {
    display:none;
  }
   .worker-list {
    position:relative; 
    bottom:50%;
    margin:0 auto;
    text-align:center;
    padding-left:0;
    padding-top:0;
  }
   .versifleece-bg {
    min-height:400px;
  }
    .consultation {
  margin-right:0;
}

    .schedule {
      margin-left:0px;
  }

.licensed {
  margin-left:0;
}
}

@media only screen and (max-width: 768px) {
#hero-wrapper {
    padding:0;
  }
  .overlay2 {
    display:none;
  }
  .versifleece-overlay {
    margin-top:40px;
  }
}

@media only screen and (max-width: 400px) {
  .overlay {
    max-width:100px;
  }
   .versifleece-overlay {
    top:40px;
  }
  .versifleece-overlay2 {
    margin-top:150px;
  }
    #versifleece-wrapper {
    padding:0;
    min-height:0px;
  }
}

@media only screen and (min-width: 1400px) {
  .overlay {
    font-size:22px;
    left:5%;
    top:10%;

  }
  .overlay2 {
    top:60%;
    right:25%;
    max-width:800px;
  }
}