#main-nav.scrolled {
    background-color: #1b1c1d;
}


@media (max-width: 767px) {
    /* CSS to hide elements when the window width is below 770px */
    .desktop-nav {
        display: none !important;
    }

    #main-nav {
        background-color: #1b1c1d;
    }
}

/* CSS to hide elements when the window width is above 770px */
@media (min-width: 768px) {
    .mobile-menu {
        display: none !important;
    }
}