/* Gerd Weimer - by benediktwinckler.de */

* {margin: 0; padding: 0; box-sizing: border-box;}
*:focus {outline: none;}


html {background: rgb(0,0,0); color: rgb(200,200,200); font-size: 1.2em; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; height: 100%; width: 100%;}

body {height: 100%;}

#wrapper {max-width: 100%;}

nav {text-align: center; margin-top: 130px; max-width: 100%;}
nav .container {display: inline-block; margin-left: 50px;}
#nav-1 {margin-left: 0px;}
nav .container ul {list-style: none; display: inline-block; margin: 0 auto;}

nav .container ul li a {text-decoration: none; color: rgb(200,200,200);}
nav .container ul li a:hover {border-bottom: 1px solid rgb(200,200,200);}

.subtitle {color: rgb(179,154,142); font-size: 0.9em; margin-top: 5px;}

#logo {width: 100%; height: auto;}
#logo img {max-width: 800px; height: auto; display: block; margin: 0 auto;}

#wrapper {position: relative; top: 46%; transform: translateY(-50%);}

@media all and (max-width: 800px) {
#logo {width: 100%;}
#logo img {width: 90%;}
}

@media all and (max-width: 850px) {
.container {width: 100% !important; padding: 15px 0px; margin: 0 auto;}
.container:first-of-type {margin-top: 0;}
.container:last-of-type {margin-bottom: 20px;}
nav {display: block; margin-top: 20px; width: 100%;}
#logo img {margin-top: 20px;}
nav .container {margin-left: 0px;}
	#wrapper {position: static; top: 0%; transform: none;}
}

@media all and (max-width: 1024px) {
	nav .container:last-of-type {padding-top: 20px;}
}

@media all and (max-width: 865px) {

}

@media all and (max-width: 600px) {
	#wrapper-inner {margin-top: 50px;}
}