#hero .carousel-item {
  height: 100vh;
}

#hero img {
  object-fit: cover;
  height: 100vh;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

.carousel-caption {
  z-index: 2;
}

#navbar {
  transition: all 0.4s ease;
  background: transparent;
}

#navbar.scrolled {
  background: rgba(1, 1, 1, 0.9);
  color:rgba(0,0,0,0.9);
  padding: 10px 0;
}

.navbar .nav-link {
  font-weight: 500;
}

.navbar .nav-link:hover {
  color: #ffc107;
}