/* Impressum - MAIN */

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

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

body {height: 100%;}

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

nav .container ul li a, #back-btn a {text-decoration: none; color: rgb(200,200,200); font-size: 1.2em;}
nav .container ul li a:hover {border-bottom: 1px solid rgb(200,200,200);}

#back-btn {width: 100%; text-align: center; margin-top: 40px;}
#back-btn a {font-size: 1em; color: rgb(179,154,142);}
#back-btn a:hover {border-bottom: 1px solid rgb(179,154,142);}

@media all and (min-width: 1500px) {
nav .container {width: 15%;}	
}

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

h1 {display: block; text-align: center; font-size: 2.5em; font-weight: 300;}

@media all and (max-width: 1150px) {
nav .container {margin-left: 50px;}
#nav-1 {margin-left: 0px;}	
}

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

@media all and (max-width: 750px) {
#logo {margin-top: 20px;}
.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: 50px; width: 100%;}
#logo img {padding-top: 0px;}
nav .container {margin-left: 0px;}
}

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