html {
    min-height: 100%;
    min-width: 100%;
    -ms-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, nav, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    background-repeat: no-repeat;
}

body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
}

a:link {
    color: #FFFFFF;
    text-decoration: none;
}

a:visited {
    color: #FFFFFF;
    text-decoration: inherit;
}

a:hover {
    color: #7F7F7F;
    text-decoration: none;
}

a:active {
    color: #FFFFFF;
    text-decoration: inherit;
}

body {
    opacity: 1;
    background: transparent url("../img/back.jpg") no-repeat 100% center;
    background-size: cover;
}

ul {
    position: fixed;
}

ul li {
    list-style: none;
    margin-top: 13px;
    line-height: 3vh;
    color: #FFFFFF;
    font-size: 2.8vh;
    background-color: transparent;
    font-family: '__Space Frigate_5';
    font-weight: 400;
}

@font-face {
    font-family: '__Space Frigate_5';
    src: url('../fonts/space-frigate.ttf.eot');
    src: local('☺'), url('../fonts/space-frigate.ttf.woff') format('woff'), url('../fonts/space-frigate.ttf.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@media (min-width: 961px), print {

    ul {
        padding-bottom: 0px;
        top: 10%;
        left: 7.87%;
    }

}

@media (max-width: 960px) {

    body {
        opacity: 1;
        background: transparent url("../img/back.jpg") no-repeat 90% center;
        background-size: cover;
        position: relative;
    }

    ul {
        bottom: 50px;
        width: 80%;
        left: 10%;
    }
}