#header{
		background-color: #006699;
		color: #FFFFFF;
		}

h3{
	margin-bottom:0;
  }
  
 #wrapper{
			background-color: #006699;
			width: 100%; 
			min-width: 960px;
			margin-left: auto; 
			margin-right: auto; 
			
		}

#logo{
		color:#FF9933;
		font-size: 35px;
		text-align: center;
		margin:0;
	  }
	  
body{ background-color: #006699; }

nav{
		background-color: #006699;
		float:left;
		margin:0;
		width: 120px;
		padding-left: 20px; 
		padding-top: 30px;
		padding-bottom: 5px; 
		padding-right: 5px; 
		font-weight: bold;
	}
	
nav ul{
		margin:0; 
		padding-left:0; 
		font-size: 1.2em;
	  }

nav li{ 
		list-style-type: none;
		padding-bottom: 20px;

	  }

nav a{ text-decoration: none; }

nav a:link{ color:#FF9933; }

nav a:visited{ color:#FF6600; }

nav a:hover{ color:#CCCCCC; }

.Index{
			background-color: #888888;
			margin-left: 170px;
			padding-top: 1px; 
			padding-bottom: 280px; 
			padding-right: 20px;
			padding-left: 30px;
			font-family: Verdana;
			color:#FFEAD5;				
		}
			
ul{padding:0;}
			
li{list-style-type: none;}

#Intro{
			background-color: #888888;
			margin-left: 170px;
			padding-top: 1px; 
			padding-bottom: 100px; 
			padding-right: 20px;
			padding-left: 30px;
			font-family: Verdana;
			color:#FFEAD5;
		}

#Intro ul{padding:0;}
		
#Intro li{list-style-type: none;}

#Gameplay{
			background-color: #888888;
			margin-left: 170px;
			padding-top: 1px; 
			padding-bottom: 180px; 
			padding-right: 20px;
			padding-left: 30px;
			font-family: Verdana;
			color:#FFEAD5;
			
		}

#Gameplay ul{padding:0;}		
		
#Gameplay li{list-style-type: none;}

#Company{
			background-color: #888888;
			margin-left: 170px;
			padding-top: 1px; 
			padding-bottom: 20px; 
			padding-right: 20px;
			padding-left: 30px;
			font-family: Verdana;
			color:#FFEAD5;
		}
		
#Company ul{padding:0;}
		
#Company li{list-style-type: none;}
		
iframe{float:left; border:none;}
		
img{float:left;}	
	
.par{
			columns:50px 1;
			-webkit-columns:50px 1; /* Safari and Chrome */
			-moz-columns:50px 1; /* Firefox */
			padding-left:10px;
			}

#contact{
			margin-left: 0;
			background-color: #FFFFFF;
			padding-top: 20px; 
			font-size: 70%; 
			font-weight: italic; 
			font-family: serif;
		}
		
footer{float:right;}
		

	
@media only screen and (max-width: 768px){
		
		body{ margin: 0; }
		#wrapper{ min-width: 0; width: auto; }
		.Index-Intro{ margin: 0; }
		#Intro{ margin: 0; }
		#Gameplay{ margin: 0; }
		#Company{ margin: 0; }
		nav{ float: none; width: auto; padding: 0; }
		nav ul{ text-align: center;}
		nav li{ display: inline; padding: 1em;}
		img { display: block; max-width: 100%; }
		iframe{display:block; max-width:100%;}
	}
	
@media only screen and (max-width: 480px){
		
		body{ margin: 0; }
		#wrapper{ min-width: 0; width: auto; margin: 0; }
		#wrapper{ min-width: 0; width: auto; }
		.Index-Intro{ margin: 0; padding:10px; }
		#Intro{ margin: 0; }
		#Gameplay{ margin: 0; }
		#Company{ margin: 0; }
		h1{ margin:0; font-size: 1.5em; padding-left: 0.3em; }
		nav ul{ padding: 0;}
		nav li{ display: block;  border-bottom: 2px solid #330000; }
		nav a{ display: block;}
		img { display: block; max-width: 100%;}
		iframe{display:block; max-width:100%;}
		#mobile{ display: inline; }
		#desktop{ display: none; }
		
	}