@charset "utf-8";
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
}
#inh{-webkit-box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75);
box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75);}

#inh, :not(:target) #inh {
	width: 100%;
	position: relative;
	float: left;
	background-color: #222;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#inh ul{    
    width: 100%;
    -webkit-padding-start: 0;
    margin-top:0;
    margin-bottom:0;
	font-size: 100%;
	margin-left: 0;
}

#inh  li{	
	width:25%;	
	float:left;
	text-align:center;
	list-style-type: none;
	list-style-image: none;
}

#inh ul li a{
	width: 95%;
	color: #FC6;
	display: block;
	float: left;
	width: 100%;
	height:50px;
	line-height:50px;
}

#inh ul li a:hover, #inh ul li a.current{

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

#inh  li{	
	width:25%;	
	}
}


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


.open,  .close {	
	visibility: visible;
	position:absolute;
	display: block;	
	float:right;
	right: 4.8%;
	top:18px;
	width:80px;
}
 


#inh{background-color:white }

#inh, :not(:target) #inh {	
	width:94%;
	top: -300px;	
	position:absolute;	
	left:0;
	width: 100%;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
}

#inh:target {    
	top:0;
	height: 255px;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
}

#inh ul{margin-top:55px}

#inh  li {	
	width: 25%;
	float:left;	
	line-height:55px;
	text-align:center;
	height: 45px;
}
}
@media only screen and (max-width: 400px) {
#inh  li {	
	width: 100%;
	}
	#inh:target {    
	height: 425px;	
	}
	#inh, :not(:target) #inh {	
	top: -500px;	}

	#inh:target {    
	top:0;}
}