* {
	box-sizing: border-box;
	margin:0;
	padding:0;
}
*:before,
*:after {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	position: relative;
	background-color:black;
}

body{
	
	color:white;
	font-family: 'Roboto', sans-serif;
}


div#wrapper{
	min-height: 100vh; /* will cover the 100% of viewport */
	overflow: hidden;
	display: block;
	position: relative;
	padding-bottom: 100px; /* height of footer */
	padding-top: 0; /* height of footer */
	width:80%;
	margin: auto;
	margin-top:3em;
	text-align:center;
	
}
nav li{
	margin:25px 0;
	padding:0;
	/*display:inline;*/
	list-style-type:none;
}
img {
	width:80%;
}
header{
	margin-bottom:3em;
}
a{
	color:white;
}
h1 {
	padding-top:0;
	font-size:5vw;
}
h3{
	font-size:3.5vw;
}
h3{
	font-size:2vw;
	font-weight:normal;
}
footer {
	text-align:right;
	position: fixed;
	bottom: 0;
	width: 90%;
	padding:3em 0;

	margin-right: 10px;
	left:5%;
}