div.dropMenuBtn {
    margin-left: auto;
    order: 2;
    display: none;
}

div.dropMenuBtnNonActive {
    width: 60px;
    height: 50px;
    background: url(/static/front/images/drop_menu_logo_2.png) center no-repeat;
    cursor: pointer;
}

div.dropMenuBtnActive {
    width: 60px;
    height: 50px;
    background: url(/static/front/images/drop_menu_logo_1.png) center no-repeat;
    cursor: pointer;
}


nav.dropMenuHidden {
    display: none!important;
}

nav.dropMenuActive {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    position: fixed;
    justify-content: center;
    z-index: 99;
    background-color: var(--color-white);
}

.lockedBody {
    overflow: hidden;
}

ul.dropMenuList {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    list-style-type: none;
    padding: 0;
}

li.dropMenuItem {
    padding: .5em 0 .5em 0;
}

li.dropMenuItem a {
    text-decoration: none;
    color: #2B2B2B;
    padding: .2em .5em .2em .5em;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
}

li.dropMenuItem a:hover {
    box-shadow: 0 2px 0 #ff7f00;
}

@media (max-width: 900px) {
    div.dropMenuBtn {
        display: block;
        margin: auto 1em auto auto;
        order: 3;
    }
}