@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Ubuntu');
/*font-family: 'Oswald', sans-serif;*/

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 16px;
	display: flex;
	flex-direction: column;
}

header {
	background-color: rgb(0,50,100);
	padding: 5px 5px;
	color: #fff;
	border-bottom: 4px solid rgb(0,125,175);
	box-shadow: 0 0 5px 0 #444;
	margin: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	position: relative;
	z-index: 999;
}

section {
	display: flex;
	flex: 1 0 auto;
	padding: 0;
	position: relative;
	z-index: 998;
	box-shadow: 0 2px 10px 0 #000;
}

footer {
	background-color: #333;
	padding: 5px;
	color: #ccc;
	position: relative;
	z-index: 1;

}

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