.overlay {
  position: relative;
}

.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;
}

h1, h2 {
   font-family: 'Oxygen', sans-serif; 
}

p {
   font-family: 'Source Sans Pro', sans-serif;
}

.myButton {
	background-color:transparent;
	border-radius:3px;
	border:1px solid var(--accent-color);
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family: 'Oxygen', sans-serif; 
	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-family: 'Oxygen', sans-serif; 
	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;
}

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

.process-image {
  height:120px;
}

.consult {
	padding: 20px;
	background: #fafafa;
	border-radius: 5px;
}



.demo {
   padding:20px;
}

.install {
	padding: 20px;
	background: #fafafa;
	border-radius: 5px;
}

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

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

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

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

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

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

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

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

@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) {
  .bathroom, .rooms  {
    margin-top:-50px;
  }
 
  .bathroom-image-mobile, .kitchen-image-mobile, .rooms-image-mobile, .basement-image-mobile {
    display:block;
  }

  .kitchen-bottom-div-mobile, .basement-bottom-div-mobile {
    background-color:white;
  }
}