body {
	font-family:"Atkinson Hyperlegible Next";
	font-size:1.2em;
}	

header {
	
}



main a:link, aside a:link {
	text-decoration:underline;
	color:darkblue;
}

main a:visited, aside a:visited {	
	color:#666;
}

main a:hover, aside a:hover,
main a:visited:hover, aside a:visited:hover {
	color:#496FC4;
}

footer {
	background-color:#eee;
}

footer a:link, footer a:visited {
	color:#000;
}


/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
}