header, nav, main, footer { display: block; }

 main { padding: 10px; margin-left: 180px; padding-right: 2em; padding-left: 2em; background-color: #FFFFFF; border-style: solid;
	border-color: #AEC3E3; }

 body { background-color: #5280C5; color: #003366; font-family: Arial, Verdana, sans-serif; background-image: url(gradientblue.jpg); }

 header {color: #F0F0F0; background-color: #000066; background-image: url(bigfish.gif); background-position: center; 
         font-family: Georgia, "Times New Roman", serif; background-repeat: no-repeat; text-align: center; }

 h1 {  color: #F0F0F0; line-height: 250%; font-family: Georgia, "Times New Roman", serif; text-align: center; margin-bottom: 0;
	font-size: 3em; padding: 0.2em; text-shadow: 2px 2px 2px #CCCCCC;}

 h2 { background-color: #FCEBB6; color: #221811; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; }

 nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; padding: 5px;
	float: left; width: 180px; }

 nav a {text-decoration: none; text-decoration: none;}

 nav ul { list-style-type: none; }

 nav a:link { color: #000066; }

 nav a:visited { color: #5280C5; }

 nav a:hover { color: #3262A3; }

 p { font-size: .90em; text-indent: 0em; }

 dt { color: #5280C5; font-size: 1.1em; font-weight: bold; font-family:Georgia, "Times New Roman", serif; }

 ul { font-weight: bold; }

 img { border-style: none; text-align: center;} 

 table { margin: 1em;  border: 2px solid #000066; border-collapse: collapse;   }

 td, th { padding: 0.5em;  border: 1px solid #000066; }

 label { float: left; display: block; text-align: right; width: 8em; padding-right:1em; }
 
 input, textarea { display: block; margin-bottom: 1em; }

 footer {color: #221811; font-size: .70em; text-align: center; background-color: #AEC3E3; 
	margin-left: 180px; padding: 1em; }

* { box-sizing: border-box; }

.feature { color: #c70000; }

.company { font-weight: bold; font-family: Georgia, "Times New Roman", serif; font-size: 1.25em; }

#mySubmit { margin-left: 9.5em; }

#wrapper { background-color: #F0F0F0; width: 960px; margin-left: auto; margin-right: auto; width: 80%; min-width: 700px; }

.category {font-weight: bold; color: #5280C5; font-family: Georgia, "Times New Roman", serif; text-shadow: 1px 1px 1px #667 }

#mobile { display: none; } 

#desktop { display: inline; }


@media only screen and (max-width: 1024px) {

 body { margin: 0; padding: 0; background-color: #FFFFFF; background-image: none; } 
 #wrapper { width: auto; min-width: 0; margin: 0; } 
 h1 { margin: 0; font-size: 1.8em; line-height: 200%; } 
 nav { float: none; padding: 0; width: auto; } 
 nav li { display: inline-block; } 
 nav a { padding: 1em; font-size: 1.2em; } 
 nav ul { text-align: center; padding: 0; margin: 0; } 
 main { font-size: 90%; margin: 0; padding-left: 2em; } 
 footer { margin: 0; } 

}

@media only screen and (max-width: 768px) {

 header { background-image: url(lilfish.gif); background-position: center; }
 h1 { font-size: 1.5em; line-height: 120%; } 
 nav a { display: block; padding: 0.2em; font-size: 1em; border-bottom: 1px solid #330000; } 
 nav li { display: block; }
 nav ul { text-align: left; } 
 main { padding-left: 1em; } 
 .category { text-shadow: none; } 
 #mobile { display: inline; }
 #desktop { display: none; }

}