@charset "utf-8";
/* CSS Document */

body {
	font-size:14px;
	background-color: lightgray;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	min-height: calc(100vh - 5em - 6px);
	border:3px solid red;
	width: 800px;
	margin: 0 auto;
}
#header {
	position relative;
	display:table-cell;
	vertical-align:middle;
	width:calc(100vw - 6px);
	height:6em;
	background-color: lightgrey;
	top:0;
	left:0;
	text-align:center;
}

nav {
	position:relative;
	left:0;
	bottom:-1em;
	display:table-cell;
	vertical-align: middle;
	width;100vw;
	height:2em;
	background-color:#e06624;
}
nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ffffff;
	text-decoration:none;
	padding-left:2em;
}
nav a:hover {
	color:#ece4e4;
}
header p, footer p {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
}
#article {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: red;
}
article p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
}
article h1 {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	text-align: center;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	height:10px;
	background-color: grey;
	text-align:center;
	font-size: 8px;
	margin-top: 10px;
}
#footer_small {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
	width: inherit;
	height:10px;
	background-color: grey;
	text-align:center;
	font-size: 8px;
}