.maincontent {
  max-width:100%;
  background-color:#ececeb;
}

body {
  font-family: 'Poppins',  'Montserrat', sans-serif;
}
#reusable{padding-bottom:5%;}
.myButton {
    margin-top: 20px;
    background-color: #DA291C;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    padding: 9px 23px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
}

.myButton:hover {
    background-color:#DA291C;
    border: 1px solid #DA291C;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.myButton:active {
    position: relative;
    top: 1px;
}

#r-hero {
    min-height: 500px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    
}
#r-hero-logo {
    position: absolute;
    top: 5%;
    left: 2%;
}
#r-hero-content {
    position: absolute;
    top: 40%;
    left: 10%;
    color: #fff;
}
#r-hero-content p{
    max-width:900px;
}
#r-hero-content h1 {
    font-size: clamp(24px, 4vw, 60px);
    font-weight: 600;
}

.header-box {
  padding:40px 20px;
}

.product-wrapper {
  margin-top:50px;
}

.product-text-box {
  text-align:left;
  padding:20px;
  position:relative;
  z-index:1;
  margin-top:-50px;
  background-color:white;
  max-width:90%;
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.19); 
  box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.19);
}

.product-text-box img {
  max-width:40px;
transition:.3s;
}



.product-text-box a:hover img {
  max-width:50px;
transition:.3s;
}

.asphalt-img-wrapper {
  max-height:35vh;
  overflow:hidden;
}

.epdm-hero {
  color:white;
  margin-top:15%;
  max-width:700px;
}

.epdm-hero h1 {
  font-weight:700;
  font-size:60px;
}

@media only screen and (max-width: 768px) {
   .product-text-box {
   margin-top:0px;
  }
}