.header {
	width: 100%;
	padding: 25vh 15vw;
	height: 100vh;
	margin: 0;
	
	color:	white;
	font-family: 'Roboto Slab', Times New Roman, serif;
	vertical-align: center;
	text-align: center;	
	
	text-shadow: 0px 0px 10px #444;	
	box-sizing: border-box;	
	
	background-image: url("media/sports/spring_sneakers.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}

.header_short {
	height: 50vh;
	padding: 10vh 15vw;
}

.header button, .header .button {
	width: 25%;
	padding: 1% 0.3%;
	font-size: 120%;
	box-shadow: 0px 0px 10px #444;	
}

.header h1 {
	font-size: 300%;
	letter-spacing: 2px;
}

@media only screen and (max-width: 600px) {
	.header {
		padding: 10% 5%;
	}
	.header button, .header .button {
		width: 50%;
	}
}