.bioContainer{ width:33.33%; float:left; position:relative; background-color:rgba(43, 136, 247, 1);}
.bioContainer .bioPhotoContainer{ position:relative; z-index:1; background-position:top center; background-repeat:no-repeat; background-size:100% auto; padding-bottom:74%; width:100%; float:left;}
.bioContainer .bioPhotoOverlay{opacity:0; position:absolute; bottom:0px; z-index:2; width:100%; float:left; padding:3%; text-align:left; }
.bioContainer:active .bioPhotoContainer, .bioContainer:hover .bioPhotoContainer{opacity:0.2;transition:ease-in 0.5s all; background-position:50% 50%; background-size:110% auto; }
.bioContainer:active .bioPhotoOverlay, .bioContainer:hover .bioPhotoOverlay{opacity:1;transition:ease-in 0.5s opacity;  }
.bioContainer:active .bioPhotoOverlay, .bioContainer:active .bioPhotoOverlay *, .bioContainer:hover .bioPhotoOverlay *{   color:#FFF;}
.bioPhotoOverlay{ font-size:120% !important;}
.bioPhotoOverlay h3{ font-size:30px !important;}

@media screen and (max-width: 1362px) { 
	.bioPhotoOverlay{ font-size:110% !important;}
	.bioPhotoOverlay h3{ font-size:24px !important;}
}
@media screen and (max-width: 992px) {	 
	.bioContainer{ width:50%; }
	.bioPhotoOverlay{ font-size:100% !important;}
	.bioPhotoOverlay h3{ font-size:21px !important;}
}
@media screen and (max-width: 767px) { 
	.bioContainer{ width:100%; }
}
@media screen and (max-width: 479px) {