/* Main container */
.people-container{
	display:inline-flex;
	flex-wrap:wrap;
}
/* Photo & Bio Containers*/
.person1-photo {
	display: block;
	width: 50%;
	float: left;
	background-image: url("../img/people/tj-sangha.jpg");
	box-shadow: inset 0 0 150px black;
	background-repeat: no-repeat;
}
.person2-photo {
	width: 50%;
	float: left;
	background-image: url("../img/people/neil-price.jpg");
	box-shadow: inset 0 0 150px black;
}
.person3-photo {
	width: 50%;
	float: left;
	background-image: url("../img/people/keith-clamp.jpg");
	box-shadow: inset 0 0 150px black;
}
.person-placeholder-photo {
	width: 50%;
	float: left;
	background-image: url("../img/people/placeholder.jpg");
	box-shadow: inset 0 0 150px black;
}
.person-bio {
	width: 50%;
	float: right;
	background-color: #04091e;
	box-shadow: inset 0 0 200px black;
}
.person-bio-wrapper{
	padding: 10px;
}

/* Bio styling */
.job-title{
	font-size: 14px;
	color: #8ab92d;
	margin-top: 10px;
	text-transform: uppercase !important;
}
.person-name{
	font-size: 30px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 25px;
}
.person-desc{
	font-size: 14px;
	color: #D1D1D1;
}
.person-contact{
	font-size: 14px;
	color: #8ab92d;	
}
.person-email{
	font-size: 14px;
	color: #8ab92d;	
}
.person-email:hover{
	font-size: 14px;
	color: #777;	
}
.person-social{
	color: #8ab92d;
}
.person-social:hover{
	color: #777;
}

@media screen and (max-width: 1400px) {
.person1-photo {
	width: 100%;
	background-image: url("../img/people/tj-sangha.jpg");
	box-shadow: inset 0 0 150px black;
	background-repeat: no-repeat;
}
.person2-photo {
	width: 100%;
	background-image: url("../img/people/neil-price.jpg");
	box-shadow: inset 0 0 150px black;
}
.person3-photo {
	width: 100%;
	background-image: url("../img/people/keith-clamp.jpg");
	box-shadow: inset 0 0 150px black;
}
.person-placeholder-photo {
	width: 100%;
	background-image: url("../img/people/placeholder.jpg");
	box-shadow: inset 0 0 150px black;
}
.person-bio {
	width: 100%;
	background-color: #04091e;
	box-shadow: inset 0 0 200px black;
}