.screenheight {
	height:						100vh;
}

.box {
	border:						1px solid #eee;
	background: 				#f8f8f8;
}

.header {
	position:					fixed;
	width:						100%;
	box-sizing:					border-box;
}

#home {
	padding-top:				80px;
	box-sizing:					border-box;
}

#centerscreen {
	position:					absolute;
	top:						50%;
	left:						50%;
	transform: 					translate(-50%, -50%);
	width:						100%;
	max-width:					600px;
	box-sizing: 				border-box;
}

.feature {
	width:						30%;
	margin-left:				1%;
	margin-right:				1%;
	float:						left;
	border:						1px solid #eee;
	background: 				#f8f8f8;
}

.feature p {
	padding:					8px;
}

.feature h2 {
	background-color:			#888;
	color:						white;
	padding:					8px;
	margin:						0;
}

#features {
	overflow: 					hidden;
	padding: 					0;
	margin-top:					-60px;
}

@media only screen and (max-width: 600px) {
	.feature {
		width:					90%;
		margin-left:			5%;
		margin-right:			5%;
		margin-bottom:			1em;
	}
}

.only-high-screens {
	margin-top:					2em;	
}

@media only screen and (max-height: 750px) {
	.only-high-screens {
		display:				none;
	}
}