@media only screen and (min-width: 0) {
    header {
        width        : 96%;
        padding-left : 2%;
        padding-right: 2%;
        transition   : linear 200ms;
        z-index      : 4;
        background   : linear-gradient(to bottom, rgba( 0,0,153, 0.9) 0%, rgba139, 192, 232, 1) 60%);
        position     : fixed;
        left         : 0;
    }

    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 10px 10px;
        
    }

    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;
        margin-bottom: 5px;
        float        : left;
        color: rgb(255, 255, 255);
    }

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

@media only screen and (min-width: 1000px) {
    ul.navigation_odd li {
        margin-bottom: 0;
    }

    header {
        position  : static;
        background: transparent;
        border-top: 2px solid rgba( 0,0,153, 1);
    }

    div.navigation_odd {
        background: linear-gradient(to bottom, rgba( 0,0,153, 0.9) 0%, rgba( 0,0,153, 1) 60%);
    }
}

@media only screen and (min-width: 0) {
    a#logo_odd {
        display    : inline-block;
        float      : left;
        height     : 40px;
        width      : auto;
        position   : absolute;
        top        : 100%;
        left       : 0;
        overflow   : hidden;
        margin-left: 2.5%;
        margin-top : 5px;
    }

    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;
        position     : relative;
        margin-top   : .7em;
        margin-bottom: .7em;
    }
}