@-ms-viewport {	width: device-width;}

/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

	nav ul li a {
		padding: 15px 10px;
	}
	nav ul ul li a {
		padding: 15px 5px;
	}
	.right {
		float:none;
		display: block;
		padding: 0 0 10px 0;
		text-align:left;
	}
	#Container {
		margin: 0;
		width: 100%;
		background-position: center;
	}
	.content_page {
		border-top: none;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #bbb;
		-webkit-box-shadow: 5px 3px 10px 0px #aaa;
		box-shadow: 5px 3px 10px 0px #aaa;
		padding: 30px;
		margin: 0;
	}
}

/************************************************************************************
smaller than 550
*************************************************************************************/
@media screen and (max-width: 550px) {

	#nav_wrapper {
		display:none;
	}
	
	#mobile_nav_wrapper {
		display:block;
	}
	#Container {
		margin: 11px auto 0 auto; /*center on page*/
	}
	
}

/************************************************************************************
smaller than 510
*************************************************************************************/
@media screen and (max-width: 510px) {

	.bottom_nav_wrapper {
		display:none;
	}
	
}