@media only screen and (min-width: 0) {
    header {
        width        : 96%;
        position     : fixed;
        background   : linear-gradient(to bottom, rgb(52, 151, 236) 0%, rgb(32, 107, 150) 60%);
        padding-left : 2%;
        padding-right: 2%;
        top          : 0;
        left         : 0;
        transition   : linear 200ms;
        z-index      : 2;
        color        : white;
    }

    div.headerBlock_odd {
        width: 100%;
        float: left;
    }

    a#escape {
        color   : transparent;
        position: absolute;
        top     : 0;
        left    : 0;
    }

    div.navigation_odd {
        width: 100%;
        float: left;
    }

    ul.navigation_odd {
        width     : 100%;
        text-align: right;
        float     : left;
        padding   : .5em 0;
    }

    ul.navigation_odd li {
        display  : inline-block;
        font-size: .8em;
        padding  : 0 5px;
        color    : var(--color-mainTextColor0);
    }

    ul.navigation_odd li::before {
        content: none;
    }
}

@media only screen and (min-width: 0) {
    a#logo_odd {
        display      : inline-block;
        float        : left;
        height       : 50px;
        width        : auto;
        position     : relative;
        overflow     : hidden;
        margin-top   : .7em;
        margin-bottom: .7em;
        margin-left  : 2.5%;
    }

    a#logo_odd h1 {
        color   : transparent;
        position: absolute;
        top     : 0;
        left    : 0;
    }

    a#logo_odd img {
        width : auto;
        height: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    a#logo_odd {
        height: 70px;
    }
}