.nav-item {
      font-size: 19px;
    color: black;
}
.dropdown-item {
      font-size: 19px;
    color: black;
	padding-top: 15px;
}


.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
h1{font-size:1.1rem;font-weight:bold;}
@media (min-width:400px){h1{font-size:1.2rem;font-weight:bold;}
}
@media (min-width:600px){h1{font-size:1.2rem;font-weight:bold;}
}
@media (min-width:800px){h1{font-size:1.2rem;font-weight:bold;}
}
@media (min-width:1000px){h1{font-size:1.4rem;font-weight:bold;}
}
h6{font-size:2rem;font-weight:bold;}
@media (min-width:400px){h6{font-size:2rem;font-weight:bold;}
}
@media (min-width:600px){h6{font-size:1.4rem;font-weight:bold;}
}
@media (min-width:800px){h6{font-size:1.4rem;font-weight:bold;}
}
@media (min-width:1000px){h6{font-size:1.6rem;font-weight:bold;}
}

p{font-size:1.2rem;}

#map-plug {display:none;}





/* --- 1. THE FOUNDATION --- */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 2. TOP BAR & MARQUEE --- */
.row.border-top, .top-contact-bar {
    min-height: 40px !important;
    background: #ffffff !important;
    display: block !important;
}

/* --- 3. THE CONTAINER FLOOR --- */
header .container, .header-wrapper .container {
    min-height: 110px !important;
    display: block !important;
}

/* --- 4. LOGO STABILITY --- */
header img:not([src*="banner"]), .logo-container img {
    aspect-ratio: 3 / 1 !important; 
    width: auto !important;
    height: auto !important;
    max-height: 80px !important; /* Slightly reduced for a tighter look */
    display: block !important;
}

/* --- 5. BANNER LOCK (Height-Capped) --- */
img[src*="banner.webp"] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* This ensures it never gets taller than 180px-200px */
    max-height: 190px !important; 
    aspect-ratio: 1000 / 214 !important;
    object-fit: cover; /* Prevents squishing if it hits the max-height */
}

/* --- 6. THE GAP KILLER (Tightened) --- */
/* Increased to -50px to pull the banner up higher and close that gap */
#main-content, .page-wrapper, .main-container {
    margin-top: -50px !important; 
    padding-top: 0 !important;
}

/* --- 7. MENU FLASH PROTECTION --- */
ul.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}