/* CSS Document */

/* Joeri van Spijk */

/* General */

@font-face {
    font-family: 'new_yorkregular';
    src: url('/font/new-york-webfont.eot');
    src: url('/font/new-york-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/new-york-webfont.woff2') format('woff2'),
         url('/font/new-york-webfont.woff') format('woff'),
         url('/font/new-york-webfont.ttf') format('truetype'),
         url('/font/new-york-webfont.svg#new_yorkregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { padding:0; margin:0; }
header,nav,section,article,aside,footer,hgroup { display: block; }
html { height: 100%; background: #000; }
body { height: 100%; min-height: 100%; background-image:url(/img/bg.png); background-size:contain; background-repeat: no-repeat; background-position: center 30%; background-color: #000; }
h1 { font-size: 22px; margin: 0 0 10px; font-weight: normal; }
h2 { font-size: 18px; margin: 0 0 10px; font-weight: normal; }
p { margin:0 0 15px; font-size: 14px; line-height: 20px; }
a { color: #fff; }

/* Styling */
.container { position: relative; height: 100%; color: #fff; font-family: 'new_yorkregular'; }
    header { width: 300px; height: 100px; padding: 20px; position: absolute; top: 50%; left: 50%; margin: -0px 0 0 -170px; text-align: center; }
footer { width:; height:auto; }

@media only screen and (min-width: 600px){
    body {
        background-size: 50%;
    }
}