* {
  font-family: 'Archivo';
}

/* Index page */
/* Header */
#myNavbar .nav-link {
  color: white;
}

.nav-item {
  position: relative;
}

.nav-item::after {
  content: '';
  width: 0;
  height: 3px;
  background: rgb(113, 177, 255);
  border-radius: 10px;
  position: absolute;
  left: 5%;
  transition: all .3s;
}

.nav-item.active::after {
  width: 90%;
}

.nav-item:hover::after {
  width: 90%;
}

header {
  height: 90vh;
}

#demo .carousel-item {
  position: relative;
  height: 100%;
}

#demo .carousel-caption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.7);
  display: flex;
  flex-direction: column;
  color: white;
  text-align: start;
  justify-content: center;
}

#demo .carousel-item img {
  height: 100%;
  object-fit: cover;
}
/* End of header */

/* Accredits */
#accredits img {
  width: 100px;
  display: inline-block;
  margin: 10px 20px;
}
/* End of accredits */

/* Mission */
/* End of mission */

/* Services */
.service-card {
  height: 350px;
  position: relative;
  overflow: hidden;
}

.service-card img {
  height: 100%;
  object-fit: cover;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
  position: absolute;
  top: 80%;
  left: 0;
  color: white;
  transition: all .3s;
  overflow: auto;
}

.service-card:hover .overlay {
  top: 0;
}

#services .service-card:hover .overlay h4 {
  bottom: 20px;
}

#services .overlay h4 {
  position: absolute;
}

#services .overlay a,
#serviceSection .overlay a {
  text-decoration: none;
  color: white;
}

/* End of services */

/* Footer */
footer .list-unstyled a {
  color: white;
  text-decoration: none;
}
/* End of footer */
/* End of index page */

/* About page */
#aboutHead {
  height: 70vh;
  background-image: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,0)), url(images/business-people-discussion.jpg);
  background-size: cover;
  background-position: center;
}
/* End of about page */

/* Services page */
#serviceHead {
  height: 70vh;
  background-image: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,0)), url(images/group-multinational-busy-people-working-office.jpg);
  background-size: cover;
  background-position: center;
}
/* End of services page */

/* Contact page */
#contactHead {
  height: 50vh;
  background-image: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,0)), url(images/african-american-woman-talking-with-someone-her-smartphone.jpg);
  background-size: cover;
  background-position: center;
}

#contactForm textarea {
  height: 200px;
}

.socials a {
  text-decoration: none;
  color: black;
}
/* End of contact page */

/* Team page */
#teamHead {
  height: 70vh;
  background-image: linear-gradient(to right, rgba(0,0,0,.9), rgba(0,0,0,0)), url(images/medium-shot-smiley-people-posing.jpg);
  background-size: cover;
  background-position: top center;
}

#team .card-img-top {
  height: 250px;
  object-fit: cover;
}

#team .col-md-3 {
  margin: auto;
}
/* End of team page */

@media (max-width: 420px) {
  header .lead {
    font-size: 1rem;
  }

  .nav-item::after {
    left: 0;
  }

  .nav-item.active::after {
    width: 100%;
  }
  
  .nav-item:hover::after {
    width: 100%;
  }

  #about img,
  #mission img {
    padding: 0 !important;
  }

  #mission .row {
    flex-direction: column-reverse;
  }

  #home {
    height: 70vh;
  }

  #aboutHead,
  #serviceHead,
  #teamHead {
    height: 50vh;
  }
}