.parallax-window {
  min-height: 500px;
  background-image: url("images/asbestosfactory.jpg");
  background-repeat: no-repeat;
  background-size: 1200px 500px;
}

.parallax-window h3 {
  font-family: "Times New Roman", Times, serif;
  font-weight: 500;
  position: relative;
  color: white;
  top: 8em;
  margin-left: 10px;
  z-index: 1;
}

.parallax-window #background-usp {
  background-color: black;
  width: 600px;
  height:150px;
  position: relative;
  top: 150px;
  opacity: .5;
}

/* .menu-alignment {
  position: relative;
  left: 900px;
} */
.bg-color {
  background-color: #c5cbe3;
}

.brk-btn {
  position: relative;
  background: none;
  color: black;
  text-transform: uppercase;
  text-decoration: none;
  border: 0.2em solid black;
  padding: 0.5em 1em;
  &::before {
    content: "";
    display: block;
    position: absolute;
    width: 10%;
    background: #222;
    height: 0.3em;
    right: 20%;
    top: -0.21em;
    transform: skewX(-45deg);
    -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
  }
  &::after {
    content: "";
    display: block;
    position: absolute;
    width: 10%;
    background: #222;
    height: 0.3em;
    left: 20%;
    bottom: -0.25em;
    transform: skewX(45deg);
    -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
  }
  &:hover {
    &::before {
      right: 80%;
    }
    &::after {
      left: 80%;
    }
  }
}

p {
  font-family: "Times New Roman", Times, serif;
}
h1 {
  font-family: "Times New Roman", Times, serif;
}
h2 {
  font-family: "Times New Roman", Times, serif;
}

h3 {
  font-family: "Times New Roman", Times, serif;
}

h5 {
  font-family: "Times New Roman", Times, serif;
}

a {
  font-family: "Times New Roman", Times, serif;
}
/* #lead > div.cta-info {
  background-color: black;
  width: 280px;
  height: 50px;
  top: 150px;
  right: 50px;
  position: relative;
}

#mold > div.cta-info {
  background-color: black;
  width: 280px;
  height: 50px;
  top: 125px;
  right: 50px;
  position: relative;
}

#lead > div.cta-info a {
  color: "white";
} */


#uspbox img {
  position: relative;
  left: 60px;
  height: 612px;
  width: 90%;
}

#uspexplain {
  position: relative;
  top: 300px;
  width: 100%;
  height: 612px;
}

#uspexplain h1 {
  color: white;
  text-align: center;
  font-weight: 600;
  font-family: 'ITCAvantGardePro-Bold';
}

#uspdescribe {
  margin: 0 auto;
  margin-top: 75px;
  margin-bottom:  75px;
}

#uspdescribe p {
  position: relative;
  color: black;
  font-weight: 550;
  text-align: center;
}

#business-title {
  font-weight: 400;
}

.service {
  height: 500px;
  width: 100%; /*1110px*/
  margin-left: 0px;
  background-color: #f1e7d4;
}

.service h1 {
    margin: auto;
    text-align: center;
    top:20px;
  /* left: 270px; */
  /* left: 470px; */
}

.service-box {
  position: relative;
  left: 50px;
  bottom: 70px;
  /* margin: 0 auto; */
}

.services {
  display: inline-block;
  position: relative;
  bottom: 50px;
  background-color: green;
  height: 150px;
  width: 300px;
  padding: 50px;
  margin: 20px;
  margin-top: 150px;
  box-shadow: 0 0 8px rgba(0,0,0,.2);
}

.services p {
  margin: 0 auto;
  position: relative;
  top: 70px;
}
.services h3 {
 color: white;
}

.services:hover h3{
  color: yellow;
}

#head-title {
  position: relative;
  top: 100px;
  margin-bottom: 100px;
  background-color: black;
  color: white;
}


#asbestos {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("images/asbestos612x612.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

#lead {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/lead-paint-removal.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 120px;
}

#mold {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/mold.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 95px;
}

.top {
  margin-bottom: 50px;
}

/* #projects {
  position: relative;
  left: 80px;
  margin-bottom: 10px;
} */

#projects img {
  margin-left: 100px;
}

#clients {
  margin-bottom: 90px;
}

#contact-us {
  background-color: #f1e7d4;
  height: 350px;
}

#contact-title {
  position: relative;
  left: 400px;
  margin-bottom: 20px;
}

#contact-us button {
 position: relative;
 top: 50px;
 left: 150px;
 border: 1px solid white;
 border-radius: 16px;
 display: block;
 margin-bottom: 25px;
 width: 200px;
 padding: 8px;
 text-align: center;
 text-decoration: none;
 /* transition: color 0.3s ease-out, background-color 0.3s ease-out; */
}

.card-title {
  font-weight: 600;
}

@media only screen and (max-device-width: 667px)
and (-webkit-device-pixel-ratio: 2) {
  .container {
  }

  html,body{
     overflow-x: hidden;
  }

  .parallax-window {
    min-height: 500px;
    width: 100%;
    background-image: url("images/asbestosfactory.jpg");
    background-repeat: no-repeat;
    background-size: 1200px 500px;
  }

  .parallax-window #background-usp {
   top: 80px;
  }

  .service {
    height: 1200px;
    width: 100%;
    margin-left: 0px;
    background-color: #f1e7d4;
  }

  #service-title {
    /* position: relative; */
    margin: auto;
    text-align: center;
    top:20px;
    left: 270px;
  }

  .services {
    display: block;
    position: relative;
    bottom: 50px;
    background-color: green;
    height: 150px;
    width: 300px;
    padding: 50px;
    margin: 20px;
    margin-top: 200px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
  }

  #lead {
    top:2px;
  }

  #mold {
    top:2px;
  }

  #dasny {
    position: relative;
    left: 20%;
  }




}