@charset "utf-8";
/* CSS Document */
  :root {
            --navy: #0b1f3a;
            --silver: #c0c0c0;
        }

        body {
            background-color: #f8f9fa;
        }

        /* Header Image */
        .header-image {
            height: 200px;
            background-image: url('https://via.placeholder.com/1600x400');
            background-size: cover;
            background-position: center;
        }

        /* Navbar */
        .navbar-custom {
            background-color: var(--navy);
        }

        .navbar-custom .nav-link,
        .navbar-custom .navbar-brand {
            color: var(--silver);
        }

        .navbar-custom .nav-link:hover,
        .navbar-custom .dropdown-item:hover {
            color: #fff;
        }

        .dropdown-menu {
            background-color: var(--navy);
            border: none;
        }

        .dropdown-item {
            color: var(--silver);
        }

        .dropdown-item:hover {
            background-color: #142f5e;
        }

        /* Content */
        .content {
            padding: 2rem 0;
        }

        footer {
            background-color: var(--navy);
            color: var(--silver);
            padding: 1rem 0;
            text-align: center;
        }
		
		.header-image {
    height: 200px;
    overflow: hidden;
}

.header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔑 forces correct scaling */
    object-position: center;
    display: block;
}