body, html {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 0;
}
#overlay {
	background-color: #eee;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 500;
	text-align: center;
	vertical-align: middle;
}
img {
	height: 50%;
	position: relative;
	top: 10%;
}
#container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
}
#header {
	width: 100%;
	min-height: 10vh;
	max-height: 100px;
	color: #fff;
	vertical-align: center;
	text-align: center;
}
h2 {
	text-align: center;
	vertical-align: middle;
	align-content: center;
	align-self: center;
	font-size: 5vh;
	vertical-align: center;
	background: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(255,255,255,1) 96%, rgba(0,0,0,1) 100%);
	display:inline-block; 
}
h2:hover {
	color: #ddd;
	background: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(208,208,208,1) 96%, rgba(0,0,0,1) 100%);
}
#body {
	width: 100%;
	position: absolute;
	top: 10vh;
	height: 90vh;
	overflow-x: hidden;
	overflow-y: auto;
}
@media (min-height: 1000px) {
	#body {
		top: 100px;
		height: calc( 100vh - 100px );
	}
	h2 {
		font-size: 100px;
	}
}
#content {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;

}
button {
	width: 12.5vw;
	height: 6.25vw;
	margin-left: 10%;
	margin-top: 6.25vw;
	font-size: 2vw;
	text-overflow: ellipsis;
	white-space: nowrap;
 	overflow: hidden;
 	border: none;
 	background: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(255,255,255,1) 96%, rgba(0,0,0,1) 100%);
	color: #fff;
}
button:hover {
	color: #ddd;
	background: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(208,208,208,1) 96%, rgba(0,0,0,1) 100%);
}
button:active {
	color: #ccc;
	background: linear-gradient(180deg, rgba(0,0,0,1) 95%, rgba(192,192,192,1) 96%, rgba(0,0,0,1) 100%);
}
#footer {

}