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

nav {
	background-color:#8585c1;
	width: 200px;
	display: table-cell;
	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;
	width: 200px;
}


nav ul li {
	padding: 10px;
}
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: 30px 10px 5px 10px;
}

nav.right{
	display: none;
}

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

	#content{
		max-width: 530px;
	}

}

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

	#content{
		max-width: 450px;
	}
	nav{
		max-width: 180px;
	}
	nav ul{
		max-width: 180px;
	}

}

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

  #content{
		max-width: 620px;
	}
	nav{
		display: none;
	}
	nav.mobile_nav{
		position: absolute;
		right:0;
		top:72px;
		display: block;
	}
}