/* Other styles */

#header img { display:block; float:left; max-width:720px; width:100%; }
a p { padding: .5em 0; margin: 0; }
.red { color: #FF0000 }
.green { color: #006600 }
a:hover { color: #00F; font-weight: bold; }
ol { list-style-type: decimal; padding-left: 2em; margin: 1em }

/* SMALL ----------------------------------------------------------------------------- */
	
/* Structure */

#myTopnav { margin-bottom:1em !important }
#wrapper { max-width: 1290px; clear:both; margin:auto; width: 100%; display: flex; flex-direction: column; }
#main { width:100%; padding: 1%; margin-bottom: 1em; }
#sub{ width:100%; padding: 1%; margin-bottom: 1em; }

/* LARGE ----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {

/* Structure */
#header { display: block; max-width: 900px; margin:auto; overflow: auto;  width: 100%; }
#wrapper { clear:both; display: block; max-width: 900px; margin:auto; overflow: auto; width: 100%; }
#myTopnav { overflow: auto }
#wapper::after { content: ""; clear:both; display:table; }
#main { width:90%; padding:0 1% 0 0; float:left; }
/*#sub { width:37%; padding:0 0 0 2%; float:left }*/
#footer { background-color: #666; border-top: solid #999 1px; clear:both; text-align:center; width:100%; }

}