html, body {
	height: 100vh;
	margin: 0;
	padding: 0;
	font-family:Arial;
}
header {
	display:flex;
	flex-grow:1;
	position:sticky;
	font-size:2em;
	top:0;
}
header > a {
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex:1;
	padding:1%;
	text-decoration:none;
	color:white;
	background-color:#990303;
	border-left:#8C0303 2x solid;
	border-right:#8C0303 2px solid;
}
header > a:hover {
	background-color:orange;
	transition:background-color 0.4s;
}
footer {
	display:flex;
	flex-grow:1;
	flex-direction: column;
	justify-content:flex-end;
	align-items:left;
	min-height:49vh;
	font-size:1em;
	background-color:#990303;
	color:white;
}

@media only screen and (max-width:768px) {
	header, footer {
		margin:0;
	}
}

@media only screen and (max-width:400px) {
	header, footer {
		margin:0;
		font-size:1em;
	}
}