header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1;
    background-color: #fff;
    width: 100%;
}

.content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /* max-width: 37.5rem; */
    padding: 0 1rem;
}

.desktop-logo {
    width: 11rem;
    height: auto;
}

.open-mobile-navigation-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.6rem;
    width: 1.6rem;
    border: none;
    padding: 1.2rem;
    border-radius: 50%;   
    background-color: #002B84; 
}

.menu-icon {
    font-size: 1.4rem;
    color: #fff;
}

.desktop-navigation {
    display: none;
}

.desktop-naviagtion-item {
    position: relative;
    z-index: 1; 
    display: flex;
    flex-direction: column;
    align-items: start; 
}

.desktop-navigation-a {
    /* position: relative;
    z-index: 1; 
    top: 0; */
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
}

.desktop-navigation-submenu {
    z-index: 2;
    position: absolute;
    top: 2.8rem;
    background-color: #fff;
    list-style: none;
    margin: 0;
    display: none;
    text-align: center;
    padding: 0.8rem 0.8rem 0.4rem 0.8rem;
    /* border-left: 2px solid #1c252c;
    border-right: 2px solid #1c252c; */
    /* border-radius: 0 0 1rem 1rem; */
}

.desktop-navigation-submenu-li {
    text-decoration: none;
    padding-bottom: 0.4rem;
}

.desktop-navigation-submenu-a {
    color: #000;
    text-decoration: none;
    font-size: .9375em;
    padding: .625rem 0;
    font-weight: 400
}

@media screen and (min-width: 680px) {
    header {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: fixed;
        background-color: #fff;
        height: 4.5rem;
        padding: 0;
    }

    .content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 75rem;
        padding: 0 2rem;
    }

    .open-mobile-navigation-button {
        display: none;      
    }

    .desktop-navigation {
        display: flex;
        flex-direction: row;
        justify-content: space-between; 
        list-style-type: none;
        padding-left: 0;
        width: 100%;
        max-width: 20rem;
        margin-top: 1.9rem;
    }

    .desktop-navigation-a {
        color: #1c252c;
        text-decoration: none;
        padding-bottom: 1.2rem;  
        border-bottom: 0.36rem solid transparent;
        font-size: .9375em;
    }

    .desktop-navigation-p {
        font-size: .9375em;
        color: #1c252c;
        text-decoration: none;
        margin-right: 0.4rem; 
        cursor: default;
    }

    

    .desktop-submenu-header {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /* .desktop-logo {
        height: 4.6rem;
    } */

    .desktop-navigation-a:hover, .desktop-navigation-a:focus, .desktop-navigation-a:active {
        border-bottom: 0.36rem solid #002B84;
    }

    .desktop-navigation-submenu-a:hover, .desktop-navigation-submenu-a:focus, .desktop-navigation-submenu-a:active {
        color:#002B84;
    }
}