body {
  overflow-x: hidden;
  color: black !important;
}

.backgrounds {
  min-height: 100vh !important;
  max-height: 100vh !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.vertical-align {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.text-center {
  text-align: center;
}

.btn {
  border-radius: 1px;
  border: 2px solid white;
  color: white;
  background-color: transparent;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
}

.btn:hover {
  background-color: white;
  color: black;
}

#infoLandingPage h1 {
  font-size: 60px;
}

/* #key-staff .carousel-text {
    height: 50vh;
}
#key-staff .carousel-contents{
    padding: 0px;
}


#infrastructure  {
    color: black;
}
#infrastructure .section-header{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color:black;
}

#infrastructure .carousel-text {
    height: 50vh;
}
#infrastructure .carousel-contents{
    padding: 0px;
}

#infrastructure  {
    color: black;
}

.infrastructure-title {
    text-align: center;
    margin-bottom: 30px;
}

#infrastructure .section-header{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color:black;
} */

.business-img {
  background: url("../img/business.jpg");
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.business-contents {
  text-align: left !important;
}

.license-img {
  background: url("../img/facility.jpg");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.staff-img1 {
  background: url("./../img/person1.jpg");
  background-repeat: no-repeat !important;
  background-size: 40%;
  background-position: center !important;
}
.staff-img2 {
  background: url("./../img/person3.jpg");
  background-repeat: no-repeat !important;
  background-size: 40%;
  background-position: center !important;
}
.staff-img3 {
  background: url("./../img/person2.jpg");
  background-repeat: no-repeat !important;
  background-size: 40%;
  background-position: center !important;
}

.project-card {
  padding: 20px;
  margin-top: 15px;
  margin-bottom: 80px;
  box-shadow: 5px 5px 30px 5px rgba(148, 151, 161, 0.37);
  background-color: white;
}

/* .carousel-control-prev-icon,
.carousel-control-next-icon{
  height: 100px;
  width: 100px;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
} */

.portfolio-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}

.portfolio-item:last-child {
  margin-bottom: 0;
}

.portfolio-img {
  flex: 1;
}

.portfolio-description {
  flex: 1;
}

.portfolio-description h6 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 300;
  opacity: 0.5;
  margin: 2rem 0;
}

@media only screen and (max-width: 767px) {
  /* PHONES */

  #infoLandingPage {
    background: url("../img/company.jpg");
    /* background-attachment: fixed; */
    background-position: center;
    color: white;
  }

  .business-img {
    background: url("../img/business.jpg");
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #key-staff {
    background-color: white;
    min-height: 100vh;
  }
  .key-staff-title {
    text-align: center !important;
    padding: 0px !important;
    padding-top: 20px !important;
  }

  #key-staff img {
    height: 300px;
  }

  #key-staff-carousel .staff-name {
    padding-bottom: 10px;
  }
  #key-staff-carousel .staff-details {
    padding: 20px;
    text-align: center;
  }

  #key-staff .carousel-text {
    color: black;
  }

  #infrastructure {
    background-color: white;
  }
  .infrastructure-title {
    text-align: center !important;
    padding: 0px !important;
    padding-top: 20px !important;
  }
  #infrastructure-carousel .image {
    height: 45vh;
  }

  #infrastructure-carousel .staff-name {
    padding-bottom: 10px;
  }
  #infrastructure-carousel .staff-details {
    padding: 20px;
    text-align: center;
  }

  #key-staff .carousel-text {
    color: black;
  }

  #business {
    min-height: 70vh;
  }
  .business-img {
    height: 40vh;
  }
  #license {
    min-height: 75vh;
  }
  .license-img {
    height: 40vh;
  }
  .content-title {
    padding-top: 30px;
  }

  .business-contents {
    padding-bottom: 30px;
    text-align: center !important;
  }
  .license-contents {
    padding-bottom: 30px;
    text-align: center !important;
  }
  .staff-img1 {
    background: url("./../img/person1.jpg");
    background-repeat: no-repeat !important;
    background-size: 80%;
    background-position: center !important;
    height: 30rem;
  }
  .staff-img2 {
    background: url("./../img/person2.jpg");
    background-repeat: no-repeat !important;
    background-size: 80%;
    background-position: center !important;
    height: 30rem;
  }
  .staff-img3 {
    background: url("./../img/person3.jpg");
    background-repeat: no-repeat !important;
    background-size: 80%;
    background-position: center !important;
    height: 30rem;
  }
}

@media only screen and (min-width: 768px) {
  /* LAPTOPS */

  #infoLandingPage {
    background: url("../img/company.jpg");
    background-attachment: fixed;
    background-position: center;
    color: white;
  }
  #key-staff {
    margin-top: 50px;
  }
  .key-staff-title {
    margin-left: 25px;
    padding-bottom: 30px;
  }
  #key-staff-carousel .image {
    height: 45vh;
  }
  #key-staff-carousel img {
    margin-left: 50px;
    border-radius: 10px 10px 10px 10px;
  }

  #key-staff-carousel .staff-name {
    padding-bottom: 10px;
  }

  #key-staff-carousel .staff-details {
    padding-left: 80px;
  }

  #infrastructure {
    margin-top: 20px;
  }
  .infrastructure-title {
    margin-left: 25px;
  }
  #infrastructure-carousel .image {
    height: 300px;
  }
  #infrastructure-carousel img {
    margin-left: 50px;
  }

  #infrastructure-carousel .staff-name {
    padding-bottom: 10px;
  }

  #infrastructure-carousel .staff-details {
    padding-left: 80px;
  }
  #business {
    height: 50vh;
  }
  #license {
    height: 50vh;
  }
}