* {
	/*border : 1px dotted grey;*/
	box-sizing: border-box;
}

/* Position elements */
body header { grid-area : header; }
body main { grid-area : main; }
body footer { grid-area : footer; }
body nav { grid-area : nav; }
body aside { grid-area : aside; }

body { /* General for all devices */
	font-family: Tahoma;
	font-size : 1em;
	display : grid;
	grid-gap: 10px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

a {
	color : #525252;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
	color : #000066;
}

a:VISITED {
	color : #7E7E7E;
}

nav a, nav a:visited {
	background-color : none;
	color : #525252;
	text-decoration : none;
	padding-top : 0.5vw;
	padding-bottom : 0.5vw;
	padding-left: 1vw;
	margin : 1px;
	font-weight : bold;
}

nav a:hover {
	text-decoration : none;
	color : #000066;
}

nav a.active {
	border : 1px solid #000066;
	background-color : none;
	color : #000066;
}

body header {
	font-size : 2em;
	font-weight : bold;
}

body > header {
	text-align: center;
}

body * header {
	font-size : 1.2em;
	font-weight : bold;
}

main {
	padding : 10px;
	display : flex;
	flex-wrap : wrap;
	justify-content: space-evenly;
}

aside {
	text-align : center;
}

footer {
	font-size : 0.8em;
	text-align: center;
	color: #454545;
}

div.grid {
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 50% 50%;
}

p.notice {
	border : 1px solid red;
	background : #FFD5D3;
	padding : 10px;
}