#wrapper {
	background-image: url(../images/bio_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#content {
	margin: 0 auto;
	min-width: 90vw;
	max-width: 96vw;
	height: 100vh;
	overflow: auto;
}
#content::-webkit-scrollbar { 
    display: none; 
}
#content h1 {
	margin: 2vw 0;
	font-size: 7.8vw;
	line-height: 7.8vw;
	text-transform: uppercase;
}
#content p {
	margin-bottom: 7vw;
	font-size: 7.6vw;
	line-height: 8.2vw;
}
#content p.quote {
	text-align: center;
}
#content p .red {
	color: #f00;
}

@media screen and (max-width:810px), screen and (max-device-width:810px) {
}

@media screen and (max-width:810px) and (max-device-width:810px) and (orientation:portrait) { 
	#wrapper {
		background-position: center top;
		background-size: contain;
	}
	#content {
		max-width: 94vw;
	}
	#content h1 {
		margin: 2vh 0;
		font-size: 5.6vh;
		line-height: 5.6vh;
	}
	#content p {
		margin-bottom: 5vh;
		font-size: 5.5vh;
		line-height: 6.2vh;
	}
}
@media screen and (max-width:700px) and (max-device-width:700px) and (orientation:portrait) { 
	#content h1 {
		margin: 2vh 0;
		font-size: 5.6vh;
		line-height: 5.6vh;
	}
	#content p {
		margin-bottom: 5vh;
		font-size: 5.5vh;
		line-height: 6.2vh;
	}
}