.nav-highlight {
    color: yellow;
    text-decoration-color: yellow;
}

/* Set navbar height based on logo height */
.navbar {
    min-height: 60x; /* Adjust if your logo is taller */
}

/* Ensure nav fills height so items can bottom-align */
.navbar-nav {
    height: 100%;
}

.background-main {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 35rem;
    padding: 15rem 0;
    background: url("../assets/background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}


/* Optional tweak: remove extra padding on desktop links was 992*/
@media (min-width: 992px) {
    .navbar .nav-link {
        padding-bottom: 0px; /* adjust if needed */
    }
}