body {
    padding-top: 40px
}

@media screen and (min-width: 768px) {
    body {
        padding-top:70px
    }
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: rgba(0,0,0,0.2) 0 2px 2px 0
}

.header .logo-divider {
    visibility: hidden;
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -ms-flex-positive: 100;
    flex-grow: 100
}

.header .header__container {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .header .header__container,.header .header__navigation-trigger {
        height:70px
    }
}

.header .header__logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    margin: 0 auto
}

.header .header__logo {
    max-width: 93px;
    height: 20px
}

@media screen and (min-width: 768px) {
    .header .header__logo-container {
        height:70px
    }

    .header .header__logo {
        max-width: 149px;
        height: 32px
    }
}

@media screen and (min-width: 1024px) {
    .header .header__logo-container {
        margin:0;
        margin-right: auto
    }
}