html {height: 100.01%; margin-bottom: 1px;}
body {text-align:center; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: white; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: black; PADDING-TOP: 0px; font-family:  "Trebuchet MS", Verdana,  Arial,  Helvetica, sans-serif;}
h1 {font-size: 130%;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}
footer {font-size: 80%;}
nav {text-align: center; position:absolute; left:0; top:0; width:24%; }  
section {text-align: left;   margin: 0px auto; max-width:29.7rem; padding-left:25%; padding-right:25%}
footer {text-align: center;   margin: 0px auto; max-width:29.7rem; padding-left:25%; padding-right:25%; line-height: 3.0rem;}
@media all and (max-width:800px)
{
nav {text-align: center; width:100%; position:relative;margin:0;padding:0;}  
section {text-align: left; width:100%; min-width:0; max-width:100%; position:relative;margin:0;padding:0;}
footer {text-align: center; width:100%; min-width:0; max-width:100%; position:relative;margin:0;padding:0;; line-height: 3.0rem;}
}