body {
	grid-template-areas:
		'header'
		'nav'
		'main'
		'aside'
		'footer';
}

main > div {
	margin : 5px;
	width : 100%;
	min-width : 250px;
	max-width : 300px;
	text-align : center;
}

nav a, nav a:visited {
	width : 19.5%;
	min-width : 130px;
	min-height : 80px;
	float : left;
	display: flex;/* all needed to get multi-line links to center properly */
	float: left;
	text-align: center; 
	justify-content: center;
	align-items: center;
}

.show-menu, input#show-menu {
	display : none;
}

aside {
	margin-left: auto;
	margin-right: auto;
	width : auto;
}