main>*:nth-child(even) {
	background-color: ghostwhite;
	border: 1px solid lavender;
}

h1 {
	font-size: 3em;
}
	h1 img {
		display: inline-block;
		height: auto;
		width: 300px;
		max-width: 99%;
	}
h1,h2 {
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1em;
}

.about p {
	font-size: 1.5em;
	font-style: italic;
}

.center {
	text-align: center;
}

.smallgrid>* {
	background-color: white;
	border: 1px solid lightgray;
	border-radius: .5em;
	margin: 1em;
	padding: 1em;
}
	.smallgrid h2 {
		margin-top: 0;
	}

figure {
	margin: 0;
}
	figure img {
		display: block;
		width: 160px;
		max-width: 99%;
		aspect-ratio: 4/3;
		margin: 0 auto;
	}

#news>* {
	background-color: white;
	border: 1px solid lightgray;
	border-radius: .5em;
	margin: 1em;
	padding: 1em;
}
	#news div.date {
		color: gray;
		font-size: small;
		margin: -1em 0;
	}

@media only screen and (min-width:800px) {
	main>* {
		padding: 2em 15%;
	}

	nav.action>a:first-child {
		background-color: royalblue;
		border: 1px solid midnightblue;
		border-radius: .5em;
		box-shadow: 1px 2px 3px rgba(0,0,0,.5);
		color: white;
		font-weight: bold;
		padding: 1em 2em;
		text-decoration: none;
	}
		nav.action>a:first-child:hover {
			background-color: dodgerblue;
			box-shadow: 1px 2px 3px black;
		}

	.about {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		column-gap: 1%;
	}
	.smallgrid {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		column-gap: 1em;
		row-gap: 1em;
	}
		.smallgrid>* {
			margin: 0;
		}

	figure img {
		width: 320px;
	}

	#news {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		column-gap: 1em;
		row-gap: 1em;
	}
		#news>* {
			margin: 0;
		}
}