#header{height:10rem}#header .nav ul{list-style-type:none;margin:0;padding:15px;overflow:hidden;width:100%}#header .nav li{float:left;width:25%;background-color:#0077b3}#header .nav a{color:white;display:block;font-weight:bold;text-align:center;padding:4px;text-decoration:none;text-transform:uppercase}#header .nav a:hover{background-color:white;color:#0077b3}#header .nav a:active{background-color:white;color:#0077b3}#header h1{text-align:center;padding:4px}#header h1 a{text-decoration:none;text-transform:uppercase;color:#0077b3}#footer{text-align:center}#footer p{padding-top:5px;width:100%;height:100%;background-color:#0077b3;color:white;height:2rem}