/*bottom menu */
 


@media screen and (max-width : 760px){
 
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	display: none;
		clear:both;
		background:#35603c;
			margin:0px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/


	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
		margin:0px;
		
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
		   transform: skewX(10deg);
		   padding:4px 10px;box-shadow:3px 3px 3px #000;
	}
	
	
	li a {
		margin-bottom: 1px;
		color:#fff;
		 transform: skewX(0deg);
	}
	
	/*Make all menu links full width*/
	ul li, li a {
	 
		font-weight:bold;
		  transform: skewX(0deg);
		  	list-style: none;
	 
				text-decoration:none;

		  
	}
	
	ul li {  padding:4px 10px;
	text-align:center;
	font-size:18px;
	text-decoration:none;background:#35603c;

	}
	
ul li:hover	 {
		background:#cfe4d2;
}
	
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

@media screen and (min-width : 760px){
.mobilemenu {
	display:none;
	clear:both;
		background:#35603c;
			margin:0px;
	
} 

#menu .mobilemenu  li {
width:90%;}

#menu .mobilemenu  ul{
	display:none;
	background:#ff0000;
 	
} 



}