/* 
     Stevie Lomack 
     2/17/18
	 Logo/art created by Stevie Lomack using work 
	 done with Photo Shop & Illustrator.
*/
    header {background-color:#0000ff;
	        background-size: 200px 200px;
            background-repeat: no-repeat;
			padding-top:10px;
			padding-left:10px;
			padding-right:10px;}
	
    body	    {background-color: #003366;}
			
				 
			
    #wrapper  	{background-color:  #ffffcc; 
              
                        
			 
			margin-right:40px;
			margin-left:40px;
			color:  #000066;
			padding-left: 50px;
			padding-right: 50px;
			padding-top: 30px;
			border-radius: 25px;}
			
	fieldset {border:3px solid black;
             	}
				
    legend {color: #000000;
        font-family: Arial,Helvetica,sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		
	   }					
               
                
    li {font-size: 1.5em;
	color: red;
    text-shadow:2px 2px 2px #000000;}
	 

    main { font-size: 1.75em;
	color: red;
    text-shadow:1px 1px 1px #000000;
	margin-left: 5px;
       margin-right: 5px;
        padding-bottom: 20px;
		padding-left: 75px;}
  
    footer { font-size: 1.75em;
	        color: red;
			text-shadow:1px 1px 1px #000000
            font-weight:bold;
	        margin-left: 5px;
            margin-right: 5px;
            padding-bottom: 20px;}

    h1	 {font-family: Arial, Helvetica, sans-serif;
	  font-size: 4em;
	  text-shadow:4px 4px 4px #000000; 
	  color:  #cc9900;}
    h2    {font-family: Arial, Helvetica, sans-serif;
	  font-size: 2em;
	  text-shadow:2px 2px 2px #000000;
	  color:  #ff0000;}
	  
	nav a { font-weight: bold;
	        font-size: 1.5em;}
	
			
    nav a {text-decoration: none;}
    nav a:link { color: #000000;}
    nav a:visited {color: #0000FF;}
    nav a:hover { color: #00FF00;}
    nav ul { list-style-type: none;
       margin: 0;
       padding-left: 0; 
}


    .copyright { font-style: italic;
	           }
    @media only screen and (max-width: 1024px) {
    body {margin: 0; 
	      padding: 0;
	      background-image: none;}

		  
    #wrapper { width: auto; 
	           min-width: 0;
               margin: 0;			   
			   box-shadow: none;
	}
	h1      {margin-left: 0; }
	
    main { padding: 1em;
           margin-left: 0;
           font-size: 90%;		   
		   }
    footer {margin:0;}
    nav { float: none; 
	      width: auto; 
		  padding:0.5em;}
    nav a { display: inline-block; }
    nav a { text-align: center; }
    nav a { padding: 1em; }
    h1, h2 { font-size: 120%;
	         margin: 0;}
    p { font-size: 90%; }


}
@media only screen and (max-width: 768px) {
	
 
	        
    h1 { font-size: 100%; 
	       font-size: 2.5em;}
body nav {font-size: 1.5em;}  
		   
    p {font-size: 90%; 
	   padding-left:0.3em;}
    figure { display: none;}
	nav {padding: 0}
    nav ul{padding:0;
	       margin:0;}
    nav a { display: block; 
	         padding:0;
	         margin:0;}
    nav a { display: block; padding: 0.2em;
	        font-size: 1.3em;
            border-bottom: 1px #330000;}
	main {padding-top: 0.1em; padding-right: 0;padding-bottom: 0.1em;
	      padding-left: 0.4em;}
	main img {display: none;
	          padding-right: 0;}
	main ul {list-style-position: outside;}
}
    main  {font-size: 1.5em;}
 .responsive {
    width: 100%;
    max-width: 700px;
 height: auto;
 }
 img {
    max-width: 100%;
    max-height: 100%;
}
			  
    footer	{border-top: 2px solid #003366;
             line-height:100%;
                  margin-left: 45px;
                  margin-right: 45px;
			text-align: center;
			font-size: 1.5em;
            font-weight: bold;            
			}
	 footer nav { font-size: 1em;}