*{margin:0px;}
body{font-family:arial; font-size:14px; letter-spacing:1px; color:#2B2B2B;}
#head{width:86%; padding:2px 7%; background:white;}
#logside{float:left; margin:5px;}
#logside img{height:100px;}
#navside{float:right; margin-top:45px;}
#navside a{color:#3c3c3c; padding: 10px; margin-left:8px; text-decoration:none; font-weight:bold;}
#navside a:hover{color:#4f84be;}
#activ{color:#4f84be;}
#navside a:visited{border:0px; outline:none;}
#btn, .btn{width:40px; background:white; padding:10px 0px 8px 0px ; }
#btn{display:none; float:right;  margin-top:15px; } 
#btn span, .btn span{display:block; height:3px; width:24px; margin-left:8px; background:black; margin-bottom:2px; }
.navi{color:white; font-size:22px; margin-left:5px;}
#navcover{display:none; margin-top:30px; margin-left:15px; margin-bottom:25px;}

#drop{position:absolute; background:white; z-index:1000; margin:40px 0px 0px 180px; padding:2px 4px 1px 0px;  display:none; }
#drop a{display:block; margin-bottom:2px ; }

@media (max-width:900px){
#head{width:90%; padding:3px 5%; }
#logside img{height:60px;}
#navside{ margin-top:28px;}
}
@media (max-width:800px){
	#drop{position:relative;  margin:0px; padding:0px; background:black;  margin-left:20px;}
#drop a{display:block; margin-bottom:0px ;}
	
#btn{display:block; } 

#navside{display:none; z-index:2000; height:100%; margin-top:0px; right:0px; top:0px; float:none; position:fixed; width:250px; background:black; }
#navside a{display:block; color:white; padding:0px;  padding-left:20px; line-height:45px; height:50px; }
#navside a:hover{color:white; opacity:0.8;}
}