.navbar-dark .navbar-nav .nav-link {
  color: #d1d1d2;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #f3f3f3;
}

.home-hero {
  min-height: 520px;
  background: linear-gradient(90deg, rgba(0, 31, 16, 0.82), rgba(0, 31, 16, 0.08)), url('./photos/hero.png') center / cover;
}

.carousel .carousel-item img {
  height: 420px;
  object-fit: cover;
}

.carousel .carousel-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.12));
  pointer-events: none;
}

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

@media (max-width: 767.98px) {
  .home-hero {
    min-height: 440px;
  }

  .carousel .carousel-item img {
    height: 380px;
  }

  #navbarCollapse.show,
  #navbarCollapse.collapsing {
    text-align: end;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #04331c;
    padding: 1rem;

    ul{
      max-width: 520px;
      margin: 0 auto;
    }
  }
}

@media (max-width: 575.98px) {
  #navbarCollapse.show,  
  #navbarCollapse.collapsing {
    text-align: center;
    ul {
      max-width: 200px;
    }
  }
}