.maincontent {
  min-width:100vw;
}

.modal{
  margin-top:100px;
}

.modal-body a{
  font-size:14px;
}

.goBackArrow{display: none !important;}



h2 {
  font-size:42px;
}

 h4, p {
  font-family: 'Josefin Slab', serif;
}

.overlay {
  position: relative;

}

.hero-text-box {
  position:absolute;
  bottom:8%;
  left: 20%;
  box-shadow: 15px 5px 18px #888888;
}

.hero-cta {
  padding:30px 60px;
  background-color:#a3c3c6;
  min-height:105px;
  
}

.r-hero-text {
  padding:20px 40px 20px 80px;
  background-color: #ececec;
  min-height:105px;
}

.main-cta {
  display:none;
}

.myButton {
	background-color:transparent;
        font-family: 'Josefin Slab', serif;
	border-radius:25px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-size:18px;
	font-weight:bold;
	padding:10px 24px 6px 24px;
	text-decoration:none;
}
.myButton:hover {
	background-color:white;
        color:#a3c3c6;
        text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	background-color:transparent;
        font-family: 'Josefin Slab', serif;
	border-radius:25px;
	border:1px solid #a3c3c6;
	display:inline-block;
	cursor:pointer;
	color:#a3c3c6;
	font-size:18px;
	font-weight:bold;
	padding:10px 24px 6px 24px;
	text-decoration:none;
}
.myButton2:hover {
	background-color:#a3c3c6;
        color:white;
        text-decoration:none;
}
.myButton2:active {
	position:relative;
	top:1px;
}

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

.main-img {
  padding:1px;
  border: 3px solid #a3c3c6;
}

.warranty {
  background-color:#a3c3c6;
  width:100%;
  height:300px;
}

.modal-text-wrapper {
  padding:0 10px;
}

.material-box {
  box-shadow: 5px 5px 18px #888888;
  margin-left:-200px;
  margin-top:20px;
  background-color:white;
  padding:10px 30px;
  max-width:500px;
  clear:right;
}

.material-box2 {
  position:relative;
  z-index:1;
  box-shadow: 5px 0px 18px #888888;
  margin-top:20px;
  margin-right:-200px;
  background-color:white;
  padding:10px 30px;
  max-width:500px;
  clear:left;
}

.material-mobile {
  display:none;
}

.material-mobile img {
  z-index: 1;
}

.material-box-mobile {
  position:relative;
  max-width:650px;
  background-color:white;
  padding:10px 20px 20px 20px;
  box-shadow: 5px 0px 18px #888888;
  margin-top:-35px;
  z-index:999999;
}

.product {
  max-width:300px;
}

.product-text {
  text-align:left;
}

.product-text p {
  min-height:100px;
}

@media only screen and (max-width: 1100px) and (min-width: 700px) {
  .hero-text-box {
    left:0;
    bottom:0;
  }
  .hero-cta {
    padding:20px 60px;
    min-height:85px;
  }
  .hero-text {
    padding:10px 40px;
    min-height:85px;
  }
}

@media only screen and (max-width: 800px) {
  .hero-text-box {
    display:none;
  }
  .main-cta {
    display:block;
  }
}

@media only screen and (max-width: 992px) {
  .material {
    display:none;
  }
  .material-mobile {
    display:block;
  }
}

@media only screen and (max-width: 600px) {
  .material-box-mobile {
    margin-top:0;
  }
}