@media only screen and (max-height: 750px) {

	nav{
		margin-bottom:14px; /*was 17*/
	} 
	#bio_dx{
		margin-bottom:19px;
	}
	#bio_img{
		width: 22em; /*was 25*/	
	}
	#bio{
		margin-bottom:20px; /*was 30*/
	}
	#title{margin-bottom:6px;}
}
@media only screen and (max-height: 670px) {
    h1 {margin-bottom:6px;/*was 10*/}
	nav{margin-bottom:12px;/*was 14*/}
	#bio_dx{margin-bottom:17px;/*was 19*/}
	#bio_img{
		width: 18em;/*was 22*/
		
	}
	#bio{
		margin-bottom:15px;/*was 30*/
	}
	h1{font-size:85px;height:85px;}/*was 95*/
	#title{height:85px;}
	}

@media only screen and (max-height: 570px){
    h1 {margin-bottom:5px;/*was 6*/}
	#bio_dx{margin-bottom:10px;/*was 13*/font-size:14px;/*was 16*/}
	#bio_img{
		width: 15em;/*was 18*/
	}
	h1{font-size:75px;height:75px;}/*was 85*/
	#title{height:75px;}
}
@media only screen and (max-height: 390px){
	#bio_img{
		width: 13em;/*was 18*/
	}
	#bio_dx{font-size:14px;/*was 20*/}
	h1{font-size:70px;height:70px;}/*was 85*/
	#title{height:70px;}
}
@media only screen and (max-height: 500px){
	#bio{display:inline-block;}
	#bio_dx_container{display:inline-block;vertical-align: top;}
	#bio_dx{margin-bottom:15px;}
	#title{display:inline-block;}
	nav{display:inline-block;}
	/*footer{position:relative; bottom:90px; left:130px;}*/
}