#navigation{
		background: #4c4c4c;
		width: 100%;
}

#menu {
	width: 70%;
	height:3em;
	background: #4c4c4c;
	margin: 0 auto;
}

#menu li {
	display: block;
	float: left;
	width: 18%;
	height:3em;
	margin: 0px;
	padding: 0px;
}

#menu li a {
	display: block;
	line-height: 3em;
	background-color: #4c4c4c;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#menu li a:hover {
      background: #ccc;
      color: #222; 
	line-height: 2.2em;
      border-radius: 1em;
	 margin-top: 0.4em;
}
.slicknav_menu {
 display:none;
}
 

@media screen and (max-width: 800px) {
	/*.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}*/

	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}