@import url('./strengths.css');
@import url('./footer.css');
@import url('./back-to-top.css');

.header-text {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 40px;
}

/********************************/
/*           About Us           */
/********************************/
#about {
  background: rgb(2, 0, 36);
  background: rgb(238, 174, 202);
  background: linear-gradient(
    36deg,
    rgba(238, 174, 202, 1) 3%,
    rgba(151, 84, 200, 0.7455357142857143) 45%,
    rgba(57, 58, 111, 0.8127626050420168) 87%
  );
  color: #fff;
  padding-bottom: 100px;
}

#about p {
  font-size: 20px;
  font-weight: lighter;
}

#about_image {
  height: 300px;
}

@media screen and (max-width: 480px) {
  #about p {
    padding-top: 20px;
    font-size: 15px;
  }
}

/********************************/
/*         Carousel Item        */
/********************************/
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #080d15;
  opacity: 0.7;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.hero h1 {
  font-size: 5em;
  font-weight: bold;
  font-family: Calibri, 'Trebuchet MS', sans-serif;
  margin: 0;
  padding: 0;
  color: #4fb1f2;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
  padding: 10px 40px;
}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
  /* color: #f5f5f5; */
  /* background-color: #1abc9c;
  border-color: #1abc9c; */
  outline: none;
  margin: 60px auto;
  border-radius: 40px;
}

/********************************/
/*            Navbar            */
/********************************/
.navbar {
  background-color: #4fb1f2;
}

.dropdown .dropdown-menu {
  background-color: #4fb1f2;
}

.dropdown-menu a:hover {
  background-color: #38a6f0;
}

/********************************/
/*            Services          */
/********************************/
#services {
  background: rgb(228, 238, 242);
  background: linear-gradient(
    342deg,
    rgba(228, 238, 242, 0.5942752100840336) 0%,
    rgba(61, 97, 121, 0.7455357142857143) 2%,
    rgba(243, 251, 250, 0.8127626050420168) 77%
  );
  padding: 100px 20px;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
  .hero {
    width: 980px;
  }
}
@media screen and (max-width: 640px) {
  .hero h1 {
    font-size: 3em;
  }
}