#content{
	width: 100%;
	max-width: 910px;
	padding: 10px;
	background-color:rgb(249,249,249);
	background-color:rgba(249,249,249,0.7);
	min-height: 400px;
	display: block;
}

nav {
	background-color:#8585c1;
	display: block;
	vertical-align:top;
	font-family:Arial;
	font-weight:normal;
}

nav ul{
	margin: 0;;
	padding: 0;
	list-style: none;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	display: inline-block;
}

nav ul li {
	padding: 10px;
	display: inline-block;
}

nav ul li a{
	color: #eeeeee;
	text-decoration:none;
}

nav ul li a:hover{
	color: #bbbbbb;
	text-decoration:none;
}

nav ul li.menu_header span{
	color: #eeeeee;
	text-decoration:none;
	font-weight: bold;
}
nav ul:not(:first-of-type) li.menu_header {
	padding: 10px 10px 5px 30px;
}

nav.right{
	display: none;
}

@media screen and (max-width: 930px) {

	#content{
		max-width: 910px;
		width: 100%;
	}

}

@media screen and (max-width: 730px) {

	#content{
		max-width: 600px;
		width: 100%;
	}
}

@media screen and (max-width: 620px) {
	#content{
		max-width: 96%;
	}
	nav{
		display: none;
	}
	nav.mobile_nav{
		position: absolute;
		right:0;
		top:72px;
		display: block;
	}
	nav ul li{
		display: block;
	}
}