.nav {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
    padding: 20px 20px;
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05);
}
.admin-bar .nav {
    top: 32px;
}

.nav-container,
.nav-right {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.nav-container .main-logo {
    width:150px;
}

.switch-lang {
    display:flex;
    flex-direction:row;
    list-style:none;
    color:black;
    text-transform:uppercase;
    gap:12px;
}

.switch-lang .lang-item a {
    color:black;
    text-decoration:none;
    line-height: 1em;
}

.header-brandbook {
    margin-left:20px;
}

/* === NAV LANG-ITEM ACTIVE === */
 
.switch-lang .current-lang a {
    font-weight: 900;
    text-decoration: underline;
}

@media screen and (min-width:768px) {
    .nav {
        padding: 20px clamp(5%, 90px, 106px);
    }
    .nav-container .main-logo {
        width:unset;
    }
}