@media only screen 
  and (min-device-width: 800px)
  and (orientation: landscape) {

 h1 {
	background-color: #3b00a1;
    color: white;	
  	padding-top: 0.3em;
	padding-bottom: 0.3em;
    width: 80%;
    margin: 0 auto;
    font-size: 1.4em;
    text-align: center;
	text-shadow: 2px 2px 4px #000000;
}

 p {
	padding-top: 0;
	padding-left: 0.2em;
    font-size: 1.3em;
   text-align: left; 
}

p a{
   color: #3b00a1;  
     font-family: Times;
     text-decoration: underline;  
    
}

 section {
	padding-top: 0;
	padding-left: 1em;
    font-size: 1.3em;
   text-align: left; 
   color: black;
}

pre {
      font-size: 1.4em;  
    
}


 h2 {
	background-color: white;
    color: black;	
  	padding-top: 0.1em;
	padding-bottom: 0.1em;
    width: 100%;
    margin: 0 auto;
    font-size: 1.5em;
    text-align: center;
}
h3 {
	background-color: white;
    color: #3b00a1;	
  	padding-top: 1.0em;
	padding-bottom: 0.2em;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: left;
}
h4 {
    color: black;	
  	padding-top: 1.0em;
	padding-bottom: 0.5em;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: left;
}

table {
    width: 500px;
	background-color: white;
    color: black;	
  	padding-top: 1.0em;
	padding-bottom: 0.2em;
    margin: 0 auto;
    font-size: 1.1em;
    text-align: left;	
}

#list ol {
	background-color: white;
    color: black;	
    margin: 0 auto;
    text-align: left;		
}

#list li {
 display: list-item;   
} 

#list a {
    font-family: Didot;
    text-decoration: underline;
	background-color: white;
	color: black;
    font-size: 1.2em;
    text-align: left;		
}



ul {    
    width: 100%;
	background-color: black;	
  	padding-top: 0.3em;
	padding-bottom: 0.3em;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: left;
}

 li {
 display: inline; 
 padding: 5px 30px 5px 30px ;
} 


 a {
    font-family: Arial;
    color: white;	
    margin: 0 auto;
    font-size: 1.0em;
    text-align: left;
    text-decoration:none;
}



form {
	padding-left: 0.2em;
    font-size: 1.2em;	 
}



}

		  @media (orientation: portrait) {
               .img {
                /* to improve page load speed on mobile internet connections */
                  background-image: url("Osprey2.jpg");
               } 
 h1 {
	background-color: #3b00a1;
    color: white;	
  	padding-top: 0.3em;
	padding-bottom: 0.3em;
    width: 90%;
    margin: 0 auto;
    font-size: 4vw;
    text-align: center;
	text-shadow: 2px 2px 4px #000000;
}

 h2 {
	background-color: white;
    color: #3b00a1;	
  	padding-top: 0.1em;
	padding-bottom: 0.1em;
    margin: 0 auto;
    font-size: 4vw;
    text-align: center;
    width: 100%;
}

h3 {
	background-color: white;
    color: #3b00a1;	
  	padding-top: 0.8em;
	padding-bottom: 0.1em;
    margin: 0 auto;
    font-size: 4vw;
    text-align: left;
}
 p {
	padding-top: 0;
	padding-left: 1em;
    font-size: 4vw;
   text-align: left; 
}
p a{
   color: #3b00a1;  
     font-family: Times;
     text-decoration: underline;  
    
}

 section {
	padding-top: 0;
	padding-left: 1em;
    font-size: 4vw;
   text-align: left; 
}


form {
    padding-left: 1em;
	width: 100%;	
}

table {
    width: 90% ;

	background-color: white;
    color: black;	
  	padding-top: 1.0em;
	padding-bottom: 0.2em;
    margin: 0 auto;
    font-size: 4vw;
    text-align: left;	
}


#list ol {
	background-color: white;
    color: black;	
    margin: 0 auto;
    text-align: left;		
}



#list a {
    display: list-item;   
    font-family: Times;
    text-decoration: underline;
	background-color: white;
	color: black;
    font-size: 0.8em;
    text-align: left;		
}


ul {    
    width: 100%;
	background-color: black;	
  	padding-top: 0.3em;
	padding-bottom: 0.3em;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: left;
}

 li {
 display: inline; 
 padding: 5px 30px 5px 30px ;
} 


 a {
    font-family: Arial;
    color: white;	
    margin: 0 auto;
    font-size: 1.0em;
    text-align: left;
    text-decoration:none;
}


			   
		  }
		  
@media   (orientation: landscape) and (hover: none) and (pointer: coarse)  {


 h1 {
	background-color: #3b00a1;
    color: white;	
  	padding-top: 0.3em;
	padding-bottom: 0.3em;
    width: 90%;
    margin: 0 auto;
    font-size: 2.5vw;
    text-align: center;
	text-shadow: 2px 2px 4px #000000;
}

 p {
	padding-top: 0;
	padding-left: 1em;
    font-size: 2vw;
   text-align: left; 
}
p a{
   color: #3b00a1;  
     font-family: Times;
     text-decoration: underline;  
    
}

 section {
	padding-top: 0;
	padding-left: 1em;
    font-size: 2vw;
	    width: 100%;
   text-align: left; 
}


 h2 {
	background-color: white;
    color: #3b00a1;	
  	padding-top: 0.1em;
	padding-bottom: 0.1em;
    width: 100%;
    margin: 0 auto;
    font-size: 2vw;
    text-align: center;
}
 h3 {
	background-color: white;
    color: #3b00a1;	
  	padding-top: 0.8em;
	padding-bottom: 0.1em;
    margin: 0 auto;
    font-size: 2vw;
    text-align: left;
}

form {
    padding-left: 1em;
}

			  
  }