@charset "utf-8";
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
}

#inh, :not(:target) #inh {
	width: 100%;
	position:relative;
	float: left;
	margin-top: 25px;

	-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;
}

#inh  li{
    float:left;
    font-size:120%;
    font-family: Abel, Arial, sans serif;
    font-weight:400;
    text-transform: uppercase;
    list-style-type: none;
    list-style-image: none;
    margin-left:0;
    margin-right: 1.4%;
}

#inh  li:last-child{
	
	margin-right:0;
}
#inh ul li a{
    width: 100%;
    color: white;
    display: block;
    float: left;
    height:50px;
    display: block;
    font-size: 85%;
}

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

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

	margin-right: 2.4%;
}
}
	
@media only screen and (max-width: 799px) {


.open,  .close {
	visibility: visible;
	/* position:absolute; */
	display: block;
	float:right;
	right: 0;
	/* top: 28px; */
	width:80px;
	margin-top: -80px;
}
 
.close{margin-right: 4%;margin-top: 35px;}

#inh{background-color:white }

#inh, :not(:target) #inh {	
	width:94%;
	top: -500px;	
	position:absolute;	
	left:0;
	width: 100%;
	z-index:300;
	margin-top:0;
	text-align: center;
		background: blue;
background-image: -webkit-gradient(linear, left top, left bottom, from( blue), to(black ));
	background-image: -webkit-linear-gradient(blue ,black  );
	background-image: -moz-linear-gradient(blue ,black );
	background-image: -ms-linear-gradient(blue ,black);
	background-image: -o-linear-gradient(blue ,black);
	background-image: linear-gradient(blue ,black);
	color:white;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
}

#inh:target {
	top:0;
	height: 355px;
	-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: 100%;
	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;}
}