/* Mobile menu styles */
/*
@media (max-width: 768px) {
  .main-navigation {
    display: none;
  }
  
  #menu-toggle {
    display: block !important;
    font-size: 24px;
    cursor: pointer;
    margin: 10px;
  }
}

@media (min-width: 769px) {
  .main-navigation {
    display: block;
  }
  
  #menu-toggle {
    display: none !important;
  }
}
*/

.overlay{
    position:absolute;
    left:0;right:0;bottom:10vh;
    display:flex;flex-direction:column;align-items:center;
    gap:10px;
    text-align:center;
    z-index:2;
    color:#fff;
    font-family:Avenir,sans-serif;
  }
  .overlay .title{ font-family:'IvyPresto Headline',serif; font-weight:100; font-size:80px; color:#c59053; }
  .overlay .subtitle{ font-weight:300; font-size:24px; color:#fff; }

  <style>
  .navbar-dark {
    background-color: #222;
  }

  .text-gold {
    color: #dabb73;
  }

  .mega-menu .dropdown-item {
    color: #333;
    font-size: 0.95rem;
    padding: 0.35rem 0;
  }

  .mega-menu h6 {
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

  .mega-menu a.btn-outline-light {
    border-color: #dabb73;
    color: #dabb73;
  }

  .mega-menu a.btn-outline-light:hover {
    background-color: #dabb73;
    color: #222;
  }

  /* Hover dropdown on desktop */
  @media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
      display: block;
      opacity: 1;
      visibility: visible;
      margin-top: 0;
    }
  }

  /* Mobile menu background */
  @media (max-width: 991px) {
    .navbar-collapse {
      background-color: #222;
      padding: 1rem;
    }

    .navbar-nav .dropdown-menu {
      background-color: #333;
      border: none;
    }

    .navbar-nav .dropdown-item {
      color: #f0d27a;
    }
  }

  
</style>