@import url(http://fonts.googleapis.com/css?family=Ubuntu);

html, body, div, a, picture, img, ul, li, nav {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
nav {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}

html, body {font-family:"Ubuntu","Trebuchet MS",sans-serif; background:#000; height:100%;}
html {overflow-y:scroll; overflow-x:hidden;}

.site {min-width:360px; display:table; height:100%; width:100%; overflow:hidden;
 background-position:center; background-repeat:no-repeat; background-size:contain;}

li {display:inline-block;}
a {display:inline-block; color:#fff; text-shadow:1px 1px 0px #000;}
a:hover {text-decoration:none;}

nav {display:none;}

/* HD */
@media (min-width: 1366px) {
	nav {display:table-row; height:0; opacity:0;}
	nav li {position:fixed; top:0; height:100%; line-height:100%;}
	nav .next {left:0;}
	nav .prev {right:0;}
	nav a {display:flex; align-items:center; height:100%; color:#fff; font-size:200px; text-decoration:none;}
	nav .next a {padding:0 96px 0 48px;}
	nav .prev a {padding:0 48px 0 96px;}
	nav .off {display:none;}
}

/* Ultra Large */
@media (min-width: 1921px) {
	nav a {font-size:267px;}
	nav .next a {padding:0 128px 0 64px;}
	nav .prev a {padding:0 64px 0 128px;}
}