/* --- THE HAMBURGER ICON FIX --- */
.menu-icon {
    display: flex !important; /* Forces it to be visible */
    flex-direction: column;
    justify-content: space-between;
    width: 25px !important;    /* Smaller width */
    height: 18px !important;    /* Smaller height */
    cursor: pointer;
    position: relative !important; /* Moves it back into the flow */
    margin: 0 15px !important;    /* Space between icon and logo */
    z-index: 9999 !important;     /* Ensures it is on top of everything */
}

.menu-icon span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #ffffff !important; /* Use White so it shows on Navy */
    border-radius: 3px;
}

/* --- NAVBAR ALIGNMENT --- */
@media screen and (max-width: 768px) {
    .navbar {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 50px !important;
        overflow: visible !important; /* Allows icon to be seen */
    }

    /* Hide the desktop links so they don't push the icon away */
    .nav-links {
        display: none !important;
    }
}