.header-burger {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    margin-right    : 15px;
}

.header-burger #bwa-menu__burger {
    margin : 0;
}

@media (min-width : 1200px) {
    body[data-is-desktop="true"] .main-header {
        position : -webkit-sticky;
        position : sticky;
        top      : 0;
    }

    body[data-is-desktop="true"] #bwa-menu__burger {
        display : block;
    }

    body[data-is-desktop="true"] .header-burger {
        display  : flex;
        overflow : hidden;
        width    : 0;
        margin   : 0;
    }

    body[data-is-desktop="true"] .main-header--is-not-sticky .header-burger {
        width             : 55px;
        margin            : 0 15px 0 0;
        -webkit-animation : hide-burger 0.3s ease-in-out forwards .2s;
        animation         : hide-burger 0.3s ease-in-out forwards .2s;
    }

    body[data-is-desktop="true"] .main-header--is-sticky .header-burger {
        -webkit-animation : show-burger 0.5s ease-in-out forwards;
        animation         : show-burger 0.5s ease-in-out forwards;
    }

    body[data-is-desktop="true"] .header-burger p {
        font-size      : calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
        font-family    : Roboto, sans-serif;
        font-weight    : 300;
        letter-spacing : 0.15em;
        text-transform : uppercase;
        color          : black;
        opacity        : 0;
        transition     : all 0.2s ease-in-out;
    }

    body[data-is-desktop="true"] .main-header--is-sticky .header-burger p {
        opacity    : 1;
        transition : all 0.3s ease-in-out 0.5s;
    }

    body[data-is-desktop="true"] .header-logo {
        transform-origin : left center;
        transform        : scale(1);
        transition       : .3s ease-in-out;
    }

    body[data-is-desktop="true"] .main-header--is-sticky .header-logo {
        transform : scale(.7);
    }

    body[data-is-desktop="true"] .header-nav {
        transform  : translate3d(0, 0, 0);
        transition : all .4s;
    }

    body[data-is-desktop="true"] .main-header--is-sticky .header-nav {
        transform  : translate3d(0, -100%, 0);
        transition : all .4s ease-in-out;
    }

    body[data-is-desktop="true"] .main-header--is-sticky .header-nav--is-show {
        transform : translate3d(0, 0, 0);
    }

}

@-webkit-keyframes show-sticky-header {
    0% {
        -webkit-transform : translate3d(0, -100%, 0);
        transform         : translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform : translate3d(0, 0, 0);
        transform         : translate3d(0, 0, 0)
    }
}

@keyframes show-burger {
    0% {
        width  : 0;
        margin : 0;
    }
    100% {
        width  : 55px;
        margin : 0 15px 0 0;
    }
}

@keyframes hide-burger {
    0% {
        width  : 55px;
        margin : 0 15px 0 0;
    }
    100% {
        width  : 0;
        margin : 0;
    }
}