html body #content {
	height: auto !important;
	width: 90%;
	left: 5%;
}

#info-image {
	position: relative;
	float: left;
	width: 20%;
	height: 100%;
}

#info-image img {
	position: relative;
	top: 10%;
	float: left;
	width: 100%;
}

#info-biography {
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	background-color: none;
}

#info-biography p {
	position: relative;
	float: left;
	top: 10%;
	left: 10%;
	width: 80%;
	height: auto;



	font-size: 18px;
	color: rgba(0, 0, 0, 0.75);

	word-wrap: break-word;

	padding-bottom: 25px;
	word-spacing: 5px;
}

#info-information {
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	background-color: none;
}


#information-container {
	position: relative;
	float: left;
	top: 10%;
	width: 100%;
	height: auto;
	min-height: 50px;


	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.information-row {
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 22px;
	font-size: 14px;
}

.information-topic {
	color: rgba(0, 0, 0, 0.50);
	font-weight: bold;
}

.information-text {
	color: rgba(0, 0, 0, 0.40);
}

.information-highlight {
	color: rgba(0, 0, 0, 0.75);
}






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

}

@media only screen and (max-width: 1025px) {
	html body #info-image, html body #info-biography, html body #info-biography {
		width: 100% !important;
	}

	html body #info-biography {
		margin: 15px 0px;
	}

	html body #info-information {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (min-width: 1366px) {

}

@media only screen and (min-width: 1600px) {

}

@media only screen and (min-width: 1920px) {

}