@media screen and (max-width: 1400px){
	#pages_about_top{
		height: calc(80vh - 10px);
		background-image: url("../images/bio.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
	}
	#bio_chunk1_div {
		max-width: 40%;
		display: inline-block;
		margin-bottom: 80px;
		text-align: left;
		font-family: "AgendaLight";
	}	
	
	#pages_about_top_content h1 {
		text-transform: uppercase;
		font-family: "AgendaBlack";
		font-size: 9rem;
	}
	
	.whitetext h1{
		font-size: 5em !important;
		    line-height: 1em;
	}
	
	.whitetext {
		font-size: 1.3em !important;
	}
}


@media screen and (max-width: 800px){
	#bio_chunk1_div {
		max-width: 50%;
		display: inline-block;
		margin-bottom: 20px;
		text-align: left;
				margin-right: 5%;
	}	
	
	.whitetext h1 {
    font-size: 5em !important;
	}
}	

@media screen and (max-width: 600px){
	#pages_about_top{
		height: calc(80vh - 10px);
		background-image: url("../images/bio_mobile.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
	}

	#bio_chunk1_div {
		max-width: 80%;
		display: inline-block;
		margin-bottom: 20px;
		text-align: left;
		margin-right: 10%;
	}		
}

/* height ones */

@media screen and (max-height: 500px){
	#bio_chunk1_div{
		background-position: -100px top;
	}
	
	#bio_chunk1_div{
		max-width: 50%;
	}
}

@media screen and (max-height: 475px){
	#bio_chunk1_div{
		margin-bottom: 0px;
	}
}