@media only screen and (min-width: 500px) {
	nav ul {
		position:absolute !important;
		right:0;
		width:300px;
	}
}

@media only screen and (max-width: 697px) {
	.floatl, .floatr {
		float:none;
		margin:0 auto;
		text-align:center;
	}
}

@media only screen and (max-width: 1164px) {
	nav ul {
		display:none;
		margin-top:-1px;
		position:static;
		z-index:10;
	}
	
	nav ul li {
		box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		display:block;
		left:0;
		margin:0 auto;
	}
	
	nav ul li:nth-of-type(5) {
		display:none;
	}
	
	nav ul li, nav ul li a {
		background:rgb(0,90,180);
		height:75px;
		line-height:75px;
		width:100%;
	}
	
	nav ul li a:active, nav ul li a:hover {
		border-top:none;
		color:rgb(255,196,12);
	}
	
	nav p#mobilelogo {
		display:block;
		height:100%;
		margin:0 auto;
		padding:5px;
		position:relative;
		text-align:center;
		max-width:60%;
		z-index:100;
	}
	
	nav p#mobilelogo img {
		max-height:125%;
	}
	
	nav .show-menu {
		color:white;
		display:block;
		font-weight:bold;
		padding:15px 0 12px;
		position:absolute;
		right:15px;
		top:35px;
	}
	
	nav input[type=checkbox]:checked ~ ul {
		display:block;
	}
	
	nav input[type=checkbox]:checked ~ label {
		color:rgb(255,196,12);
		transition:0.15s linear color;
	}
	
	#cover {
		min-height:25px;
	}
}

@media only screen and (min-width: 1165px) {
	nav ul {
		position:relative !important;
		width:100% !important;
	}
}