body	{max-width:780px; margin:auto; padding:10px;}
header	{height:auto; color: inherit; background-color:#ffffe4; text-align:center; border-bottom:thin orange solid;padding:1em 0em 1em 0;}
*.ovunder {display:inline;font:700 1em "Verdana", sans-serif; color:brown; background-color:inherit;}
h1		{width:70%; display:inline; font: 500 54px 'Luckiest Guy', Arial, sans-serif; color:#fb7d00; background-color:inherit;}
    	@media screen and (max-width: 780px) {h1 {font-size:28px;} }
*#headlinks	{max-width:788px; margin:0; font: 700 medium "Arial", sans-serif; text-align:center;}
*.latest{max-width:788px; margin-top:0.5em; font:500 small "Arial", sans-serif; color:brown; background-color:inherit; text-align:center;}    	
main	{max-width:780px; font:500 medium "Droid_Sans", sans-serif; color:black; background-color:white; padding:0 0 1em 0;}
p		{font : 500 medium "Droid_Sans", Verdana, sans-serif; color : #844; background-color:white; margin-bottom:0.5em; }
img		img	{width:100%; height:auto;}
    	@media screen and (max-width: 480px) {img {max-width:80%;height:auto;} }
*#htlogo	{float:left; margin: 1em 1em 0 0;}
*.flex-container {display: flex; width: 100%; background-color: inherit; flex-wrap: wrap; align-content:flex-start; justify-content: center; border:thin solid white;}
.flex-container> div {width: 130px; text-align: center; font:500 medium "Droid_Sans", sans-serif; color:black; background-color: #ffffe4; margin: 1%; padding: 1%; border: thin solid orange;}
    a {text-decoration:none;}

*#names {font: 500 small "Arial", sans-serif; color:brown; background-color:inherit; text-align:center;}
*.orange {font: 700 medium sans-serif; color: #ee8444; background-color:inherit; text-align:center;}
*.tcent	{text-align:center;}
*#copy	{font : 700 small "Arial", sans-serif; color : #914800; background-color: inherit; text-align : center;}
footer	{max-width:780px; font: 500 0.6em "Arial", sans-serif; color:#914800; background-color: inherit; text-align:left; padding:5px 0 5px 0;
border-top:thin orange solid;}