body {
	
}



header {
	font-family: sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	height: 2em;
	}
	
footer {
	font-family: sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: #b2d5df;
}

main {
	
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 3em;
	margin-right: 3em;
}

@media (min-width: 30em) {
	main{
		grid-template-columns: 1fr 3fr;}

nav {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: 2em auto;
	gap: 1em;
	font-family: sans-serif;
	padding-left: 1em;
	padding-right: 1em;
	
}

@media (min-width: 30em) {
	grid-template-columns: repeat(3, auto);
}

.navh3 {
	grid-column: 1 / -1;
	margin-bottom: 5em;
	}
	
nav li {
	display: inline-block;
	width: 22%;
}

nav li a {
	display: inline-block;
	padding: 0.5em;
}

.ulnav {
	grid-column: 1 / -1;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	border: thin solid;
}


aside {
	font-family: sans-serif;
	padding-left: 1em;
	padding-right: 1em;
}

.bbbig{
	font-size: 300%
}

.sitecap {
font-size: 250%;
text-align: center;
}