#body {
	background-color: #D5FFFF;
	font-family: "berlin Sans FB", "Gill Sans MT", "Eras Medium ITC", tahoma, Arial;
	font-size: 100%;
	color: #000000;
}
{
  box-sizing: border-box;
}

#content {
	padding: 1.5em;
	margin: 1em auto 1em auto;
	text-align: center;
	box-sizing: border-box;
}
#header {
	margin: 0px auto 0px auto;
	height: auto;
	width: auto;
	box-sizing: border-box;
}
#top-nav {
	font-size: 1.5em;
	text-decoration: none;
	vertical-align: auto;
	word-spacing: 1.5em;
	text-align: center;
	margin: 1em auto 1em auto;
	width: auto;
	height: auto;
	list-style-type: none;
	box-sizing: border-box;
}

p {
	font-size: 1em;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 1.5em;
}
#copyright p {
	font-size: .75em;
	text-align: center;
	box-sizing: border-box;
}
#header h1 {
	margin: 0px auto 0px auto;
}
#footer {
	text-align: center;
	box-sizing: border-box;
}
a {
	color: #000000;
	text-decoration: none;
}
.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main right right'
    'menu footer footer footer footer footer';
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}
#selection-grid {
box-sizing: border-box;
 display: inline-grid;
  grid-columns: auto auto auto;
  padding: 2em;
  grid-gap: 2em
}