* {
	box-sizing: border-box; }


body { 
		background-color: #EAEAEA; 
		
		color: #666666; 
		font-family: Arial, Helvetica, sans-serif; }
		
header { 
		background-color: #002171;
		
				
	
		color:#FFFFFF;
		text-align: center; }
		
h1 { 
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Georgia, "Times New Roman" , sans-serif;letter-spacing: 0.25em; }
	
	
	 
nav {	
		
		padding: 0; 
		
		font-weight: bold;
		font-size: 120%; }
		
nav ul { 
	 list-style-type: none;
	 margin: 0;
	 padding-left: 0;
	 font-size: 1.2em; }
	 
main {	
		
		padding: 1px 20px 20px 30px;
        display: block; 
		overflow:auto;
	
		background-color: #FFFFFF; }
		
h2 { color: #1976D2; 
	 font-family: Georgia, "Times New Roman", sans-serif ; 
     text-shadow: 1px 1px 1px #CCCCCC; }
	 
	 
h3 { font-family: Georgia, "Times New Roman", sans-serif; 
	 color: #000033; }
		
		
figcaption { font-weight: bold; 
					 font-style: italic; font-family: Verdana; sans-serif;  
					 font-size: 1em; }
					 
footer { 
		
		padding: 2em;
		background-color: #FFFFFF; 
		font-family: Georgia, "Times New Roman", serif; 
		font-size: 75%;
		font-style: italic;
		text-align: center; }
		
		
@media (min-width: 600px) {
	nav ul{ 						
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between; }
	
	nav li{ 
			border-bottom: none; }

section { 
		  padding-left: 2em;
		  padding-right: 2em; }
		  

.content main{
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr; }
		
h2 { 
    grid-row: 1 / 2;
	grid-column: 1 / 5; }
	
section {
	grid-row: 2 / 3;
	grid-column: auto; }
	
#special {
	grid-row: auto;
	grid-column: 1 / 5; }
	
footer { 
	grid-row: auto;
	grid-column: 1 / 5; }
}