#wrapper {margin-left: auto;
          margin-right: auto;
       width: 95%;
       background-color: #FFFFFF;
   	   min-width: 960px;
	 box-shadow: 5px 5px 5px #000033;   
	
	    }
	   
nav {
    font-weight: bold;
	padding: 5px 5px 5px 20px;
	background-color: #90C7E3;
    padding-top: 5px;
    
    padding-bottom: 5px;
    padding-left: 110px;
	list-style-type: none;
	float: left;
	display:block;
	padding-right: 22%;
	
	}
	nav ul{list-style-type: none;
	    margin: 0;
    padding: 0;
    list-style-type: none;
    min-width: 200px;
    float: left;
    display: block;
	clear: left;
	}
nav img{border-radius: 15px;
}	
nav li{display: inline-block;}
#mobocrealogo{display: none;}
#mobenhlogo{display: none;}

	@media only screen and (min-width: 769px) {

		#Layer2{position:absolute; width:168px; height:125px; z-index:2; left: 0px; top: 1px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}
	#layer1{display: block;}
	#Layer4{display: none;}
#mobenhlogo{display: none;}
#mobocrealogo{display: none;}

	}

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

#layer3{display: none;}
#Layer4{display: none;}
#mobenhlogo{display: none;}
#mobocrealogo{display: none;}

	 }
	 @media only screen and (max-width: 860px) 
{
#layer1{display: none;}
#layer2{display: none;}
#titlemobile{width: 100%}
#titlemobile{height: 30%}

	 }

	@media only screen and (max-width: 768px) 
{
#layer1{display: none;}
#layer2{display: none;}
#layer3{display: none;}
#layer4{display: none;}
#mobenhlogo{display: none;}
#mobocrealogo{display: none;}
#titlemobile{margin-top: 100px;}

nav {
	padding: 2px;
	position: absolute;


	}
		 #titlemobile{margin-top: 140px;}
	 	 #titlemobile{margin-top: 190px;}
	 #discimg{width:70%; height:40%}
#prepro1{width: 90%; height:30%;}
#skipimg1{width: 89%; height:30%;}
#viewerimg{width: 70%; height:40%;}
#onlineimg{width: 90%; height:30%;}
#onlineimg2{width: 90%; height:40%;}
#Maintitle{width: 50%; height: 10%;}
@media only screen and (max-width: 720px) 
{
	 #titlemobile{margin-top: 110px;}
}
@media only screen and (max-width: 680) 
{
	 #titlemobile{margin-top: 140px;}
	 	 #titlemobile{margin-top: 190px;}
	 #discimg{width:80%; height:40%}
#prepro1{width: 90%; height:30%;}
#skipimg1{width: 89%; height:30%;}
#viewerimg{width: 80%; height:40%;}
#onlineimg{width: 90%; height:30%;}
#onlineimg2{width: 90%; height:40%;}
#Maintitle{width: 50%; height: 20%;}
}	 
	@media only screen and (max-width: 640px) 
{
	 #titlemobile{margin-top: 190px;}
	 #discimg{width:80%; height:40%}
#prepro1{width: 90%; height:30%;}
#skipimg1{width: 80%; height:40%;}
#viewerimg{width: 90%; height:40%;}
#onlineimg{width: 90%; height:30%;}
#onlineimg2{width: 90%; height:40%;}
#Maintitle{width: 50%; height: 20%;}
}	 
@media only screen and (max-width: 480px)  
{

iframe {width: 100%;
margin-right: 350px;
height: 200px;
}
#layer1{display: none;}
#layer3{display: none;}
#layer4{display: block; width: 100%;}
#layer2{display: none;}
#mobocrealogo{display: block;}
#mobocrealogo img{width: 100%; height: 20%;}
#mobenhlogo{display: block;}
#hidemobile{display: none;}
	#mobenhlogo{position:absolute; margin-left: 10%; margin-right: 5%;  margin-top:0; top:0; position: static;}
	
#mobenhlogo img{ width:250px; height:200px;  margin-top:0; }
#discimg{width: 90%; height:40%}
#prepro1{width: 100%; height:30%;}
#skipimg1{width: 100%; height:25%;}
#viewerimg{width: 100%; height:40%;}
#onlineimg{width: 100%; height:30%;}
#onlineimg2{width: 100%; height:40%;}
#Maintitle{width: 50%; height: 20%;}
nav ul{
    	list-style-type: none;
	
		margin: 0;    
padding: 0px;
text-align: left;

    }
	nav li{
		display: block;
		padding-top: 10;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		position: relative;
		border-bottom: 2px solid #330000;
		
	}

nav {
	position: static;
	padding: 0px;
	float: none;
	width: auto;
	    	}

			nav img{width: 50%; height: 6%;}
			
			
			
			}
}
@media only screen and (max-width: 480px)  
{
	
#titlemobile{width: 130%;
height: 20%
}