@media (max-width: 980px) {
    .hiddenOnMobile {
        display: none;
    }
    .mobileNavigation {
        background-color: #fbffaa;
        border: 3px solid #0071fb;
        color: rgb(0,83,199);
    }
    #mobileMenu li {
        list-style-type: none;
        font-size: 20px;
        text-align: start;
    }
    #mobileMenu a {
        font-size: 20px;
    }
    ul.collapsedMenu {
        display: none;
    }
    ul.nomargin {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    button.burgerCollapsed {
        border: 0px;
        background-color: #fbffaa;
        color: #0053c7;
        cursor: pointer;
        font-weight: bold;
        font-size: 20px;
        padding: 0.5em 1em 0.3em 1em;
        display: flex;
        text-align: start;
        width: 100%;
    }
    .menuIcon {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    button.subMenuCollapsed {
        color: #5f7696;
        border: 0px;
        font-weight: bold;
        font-size: 20px;
        padding-left: 0px;
        text-align: start;
        display: flex;
        width: 100%;
        background: none;
    }
    button.subMenuCollapsed span {
        pointer-events: none;
    }
    #mobileMenu li a {
        padding: 0.6em 0 0.6em 0;
        display: block;
        width: 100%;
    }
    #mobileMenu li button {
        padding: 0.6em 0 0.6em 0;
        display: flex;
        width: 100%;
    }
    #mobileMenu ul.subMenuItems {
        padding-left: 2rem;
    }
}

@media (min-width: 981px) {
    .hiddenOnDesktop {
        display: none;
    }
}