@media screen and (min-width : 801px){
	#education,#membership,#work,#active-education,#active-work,#active-membership,#un-active-bio{
		display:none;
	}

	.content ul li{
		list-style:none;
		font-family: "Roboto Condensed", Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: 300;
		padding: 0;
		color: #666;
	
	}
	#bio,#work,#membership,#education{
		float:left;
		width:auto;
		padding-top:-15px;
	}

	.content ul div {
	  height:40px;
	  width: auto;
	  max-width: 650px;
	  z-index: 3;
	  font-family: "Roboto Condensed", Helvetica, sans-serif;
	  font-size: 12pt;
	  font-weight: 300;
	  padding: 0;
	  list-style: none;
	  z-index: 3;
	}

	.content ul div{
	  display: block;
	  position: relative;
	  float: left;	
	}

	.content ul div li{
		padding: 0px 15px;
		text-decoration: none;
		background: #fff;
	}

	.content span{
		padding-right: 15px;
	}

	.content h2{
		font-family: "Roboto Condensed", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 300;
	}
	#bio ul li, #work ul li{
		text-align:justify;
	}
}
@media screen and (max-width : 800px){

	#cvnav{
		display:block;
	}
	#education,#membership,#work,#active-education,#active-work,#active-membership,#un-active-bio{
		display:none;
	}
	#bio ul li,#education ul li,#membership ul li,#work ul li{
		list-style:none;
		font-family: "Roboto Condensed", Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: 300;
		padding-bottom: 15px;
		color: #666;
	}	
	#bio ul li, #work ul li{
		text-align: justify;
	}
	.content h2{
		font-family: "Roboto Condensed", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 300;
	}
	#cvnav ul div{
	  font-family: "Roboto Condensed", Helvetica, sans-serif;
	  font-size: 12pt;
	  font-weight: 300;
	  list-style:none;
	}
}