/*--------------------------------------------------------------------------*\
    Container of navigation elements (home and navigation)
\*--------------------------------------------------------------------------*/

.header__nav {
    /*box*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--header-height);
    padding: 12px 16px;
}


@media (min-width:900px) {

    .burger-input--900~.header>.header__nav {
        /*box*/
        justify-content: space-between !important;
    }

}

@media (min-width:700px) {

    .burger-input--700~.header>.header__nav {
        /*box*/
        justify-content: space-between !important;
    }

}

@media (min-width:500px) {

    .burger-input--500~.header>.header__nav {
        /*box*/
        justify-content: space-between !important;
    }

}