@media (max-width: 760px)
{

    #headerMenuWrapper
    {
       height: 4rem;
        position: relative;
    }

    #menuButton
    {
        display: flex;
        border: unset;
        top: 1.5rem;
        left: 2rem;
    }

    .toggle-button .bar
    {
        filter: unset;
        box-shadow: unset;
    }

    #mainMenu
    {
        height: 0;
    }

    #mainMenuWrapper
    {
        top: var(--headerHeight);
        border-radius: unset;
    }

    #mainMenu li
    {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}