/* Navigation */
@media only screen and (max-width: 767px) {
	ul.navigation {

	}

	.navigation li {
		display: block;
		margin: 0;
	}
	.navigation li a
	{
		display: block;
		text-decoration:none;
		color:white;
		background-color:blue;
		padding:1em;
	}
	.navigation li a:hover { background-color: gray; }
}

@media only screen and (min-width: 768px) {
	ul.navigation
	{
		float:left;
		width:100%;
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.navigation li a
	{
		float:left;
		width:12.5%;
		text-decoration:none;
		color:white;
		background-color:blue;
		text-align: center;
		padding: 20px 0;
	}
	.navigation li.last a
	{
		border-right:0;
	}
	.navigation li a.active { background-color:gray; }
	.navigation li a:hover { background-color:gray; }
	.navigation li { display:inline; }
}