c@font-face {
	font-family: november;
	src: url(../fonts/november.ttf);
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 1400px;
	margin: 0 auto;
	background: white;
}

#whiteboard {
	width: 800px;
}

#deepdown {
	width: 800px;
}

#whosthere {
	width: 800px;
}

#afterdark {
	width: 800px;
}

#highground {
	width: 800px;
}

header {
	margin: -140px;
}

#home h1 {
	font-family: 'november';
	font-size: 14em;
	letter-spacing: 75px;
	color: #444444;
	text-align: center;
	margin-right: -75px;
}

#whiteboard h1 {
	font-size: 20pt;
	text-align: center;
}

#deepdown h1 {
	font-size: 20pt;
	text-align: center;
}

#whosthere h1 {
	font-size: 20pt;
	text-align: center;
}

#afterdark h1 {
	font-size: 20pt;
	text-align: center;
}

#highground h1 {
	font-size: 20pt;
	text-align: center;
}

#whiteboard p {
	font-size: 11pt;
	text-align: justify;
	line-height: 1.5;
}

#deepdown p {
	font-size: 11pt;
	text-align: justify;
	line-height: 1.5;
}

#whosthere p {
	font-size: 11pt;
	text-align: justify;
	line-height: 1.5;
}

#afterdark p {
	font-size: 11pt;
	text-align: justify;
	line-height: 1.5;
}

#highground p {
	font-size: 11pt;
	text-align: justify;
	line-height: 1.5;
}

nav {
	display: flex;
	flex-direction: center;
	justify-content: space-around;
	width: 1400px;
	height: 600px;
}

footer {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #444444;
	text-align: center;
	margin-top: 20px;
	opacity: .2;
	padding-bottom: 5px;
}

footer:hover {
	opacity: 1.0;
}

section {
	width: 20%;
	margin: 0 5px 0 0;
	transition: all 0.5s ease-in-out;
}

section:hover {
	width: 150%;
	transition: all 0.8s ease-in-out;
}

#one {
	background: url(../images/licht.jpg) right bottom no-repeat;
	background-size: cover;
}

#two {
	background: url(../images/wasser.jpg) right bottom no-repeat;
	background-size: cover;
}

#three {
	background: url(../images/baum.jpg) center bottom no-repeat;
	background-size: cover;
}

#four {
	background: url(../images/metall.jpg) left bottom no-repeat;
	background-size: cover;
}

#five {
	background: url(../images/moos.jpg) left bottom no-repeat;
	background-size: cover;
}