@media(min-width:570px) {
    #burger {
        display: none;
    }
}
@media(max-width:569px) {
    #burger {
        display: block;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        width: 54px;
        height: 54px;
        background-size: contain;
        background-position: center;
        margin-right: 12px;
    }
    .burger-on {
        background-image: url('../../others/symbols/burger.png');
    }
    .burger-off {
        background-image: url('../../others/symbols/close.png');
    }
    #mobile-menu {
        flex-direction: column;
        background-color: #FFFFFFcc;
        width: 55%;
        margin: 70px auto;
        z-index: 22;
    }
    #mobile-menu > a {
        color: var(--blue02);
        padding: 15px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        z-index: 22;
    }
}