/** HEADER**/
.header-main					{ background:#586273 url(backgrounds/about.jpg) no-repeat 50% 50%; background-size:cover; }

/** BIO BANNER **/
.bio-banner						{ padding:150px 0px; font-size:1.4em; position:relative; }
.bio-banner .text				{ width:100%; max-width:600px; position:relative; z-index:2; }
.bio-banner .text h1			{ font-weight:300; font-size:3em; }
.bio-banner .text .sub-title	{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; display:block; font-weight:600; }
.bio-banner .text p				{ line-height:1.6em; }
.bio-banner .overlay			{ position:absolute; z-index:1; top:0; left:0; bottom:0; right:10%; } 

.bio-banner .text h1			{ color:#3E3A74; }
.bio-banner .text .sub-title	{ color:#455063; border-bottom:2px solid #C63A7B; }
								
/** BANNER 02 **/
.about-banner-02				{ position:relative; color:#fff; }
.about-banner-02 .fw-margins	{ position:relative; z-index:2; }
.about-banner-02 .overlay		{ position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; } 
.about-banner-02 .overlay		{ background:#3e3a74;}

/** TEAM **/
.team-wrapper .team-img-left .team-image 		{ float:left; } 
.team-wrapper .team-img-right .team-image 		{ float:right; }
.team-wrapper .team-image 						{ width:300px; max-width:450px; text-align:center; }
.team-wrapper .team-image img					{ width:100%; max-width:600px; max-height:800px; }
.team-wrapper .team-text						{ padding:50px 0px 0px 0px; }
.team-wrapper .team-img-left .team-text			{ margin:0px 0px 0px 350px; }
.team-wrapper .team-img-right .team-text		{ margin:0px 350px 0px 0px; }
.team-wrapper .team-text h2 span				{ display:block; }
.team-wrapper .team-text h2 span				{ color:#C63A7B; }

/** RESPONISVE **/
@media screen and (max-width:760px){
	
	.team-wrapper .team-img-left .team-image, 
	.team-wrapper .team-img-right .team-image 		{ float:none; }
	.team-wrapper .team-image 						{ width:100%; margin:0px auto; }
	.team-wrapper .team-img-left .team-text,
	.team-wrapper .team-img-right .team-text		{ margin:30px auto 0px auto; max-width:450px; }
	
}

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

	.bio-banner						{ font-size:1.2em; }
	.bio-banner .text h1			{ font-size:2.3em; }
	
}

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

	.bio-banner						{ font-size:1em; padding:50px 0px; }
	.bio-banner .text h1			{ font-size:1.8em; }
	.bio-banner .text .sub-title	{ font-size:0.9em; }
	
}