@media only screen and (min-width: 0) {
    header {
        width        : 95%;
        /* position     : fixed; */
        padding-left : 2.5%;
        padding-right: 2.5%;
        left         : 0;
        top          : 0;
        transition   : linear 200ms;
        z-index      : 2;
        color        : white;
        background   : linear-gradient(to top, rgb(80, 74, 71) 20%, rgba(98, 91, 87) 80%);
    }

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

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

    div.navigation_odd {
        float        : right;
        border-radius: 0 0 5px 5px;
    }

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

    ul.navigation_odd li {
        display  : inline-block;
        font-size: .8em;
        padding  : 0 5px;
        height   : auto;
    }

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

    ul.navigation_odd li[data-usage="fonsSize"] {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 1000px) {
    ul.navigation_odd li[data-usage="fonsSize"] {
        padding-top: 0;
    }
}

@media only screen and (min-width: 0) {
    a#logo_odd {
        display      : inline-block;
        float        : left;
        height       : 35px;
        width        : auto;
        position     : relative;
        overflow     : hidden;
        margin-top   : 5px;
        margin-bottom: 5px;
        transition   : linear 50ms;
    }

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

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