.te-container {
  width: 100% !important; 
  background: #ffffff; 

}

.te-header {
	height: 89px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	text-align: center;
}


h2.bio-content, h3.bio-content, p.bio-content {
	font-family: 'Lato', sans-serif;
	font-weight: 100;
	letter-spacing: 2px;	
}

h3.bio-content {
	color: #f15a24;
	font-weight: 100;
	padding: 0 5%;
}

h4, h5, h6, p.bio-content {
	font-family: 'Lato', sans-serif;
}

h4 {
	font-size: 20pt;
}

h6 {
	font-size: 14pt;
}

p.bio-content {
	color: #fff;
	font-size: .8em;
	padding: 0 5%;
}


.te-container h2 {	
	margin-left: 40px;
}

.main-h2 {
	position: absolute;
	top: 20px;
}

.diff-view-h2, .go-back, .go-back-mob {
	position: absolute;
	top: 93%;
	font-size: 1.2em;
}

.diff-view-h2:hover,
.go-back:hover, 
.go-back-mob:hover {
	cursor: pointer;
}

.diff-view-h2 {
	right: 5%;
}

.go-back, 
.go-back-mob {
	left: 2%;
}

.te-div-responsive {
	position: relative;
}

.te-div-responsive img {
  width: 100%; 
}

.lg-subhead-hr {
	width: 340px !important;
	float: left;
	margin-left: 42px;
	position: absolute;
	top: 85px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-top: 3px dotted #f15a24 !important;
	height: 43px !important;
}

.hover-to-view {
	position: absolute;
	top: 100px;
	margin-left: 42px !important;
	font-size: 1em;
	padding: 0 !important;

}

.te-div-below {
	width: 100%; 
	min-height: 100px; 
	background: #333333; 
}

/******* TEAM MEMBERS *******/

#kristen, #kris-line, #kris-bio,
#dong, #dong-line, #dong-bio,
#ashley, #ash-line, #ash-bio,
#vickie, #vick-line, #vick-bio,
#gloria, #glo-line, #glo-bio,
#terry, #ter-line, #ter-bio,
#dandan, #dan-line, #dan-bio,
#jackie, #jack-line, #jack-bio,
#steph, #ste-line, #ste-bio {
	position: absolute;
	transition: all 0.2s ease;
}

#kristen:hover, #dong:hover, #ashley:hover, #vickie:hover, 
#gloria:hover, #terry:hover, #dandan:hover, #jackie:hover, #steph:hover{
	border: 3px dotted #f15a24;
}

#kristen:hover + #kris-line, 
#dong:hover + #dong-line, 
#ashley:hover + #ash-line, 
#vickie:hover + #vick-line, 
#gloria:hover + #glo-line, 
#terry:hover + #ter-line, 
#dandan:hover + #dan-line, 
#jackie:hover + #jack-line, 
#steph:hover + #ste-line {
	border: 1px solid #f15a24;
}

#kristen:hover + #kris-line + #kris-bio,
#dong:hover + #dong-line + #dong-bio,
#ashley:hover + #ash-line + #ash-bio, 
#vickie:hover + #vick-line + #vick-bio, 
#gloria:hover + #glo-line + #glo-bio, 
#terry:hover + #ter-line + #ter-bio, 
#dandan:hover + #dan-line + #dan-bio, 
#jackie:hover + #jack-line + #jack-bio, 
#steph:hover + #ste-line + #ste-bio {
	display: inline-block;
}

/***** KRISTEN *****/

#kristen {
	left: 9.88%; 
	top: 19.88%; 
	width: 9.63%; 
	height: 17.63%; 
}

#kris-line {
	left: 14.88%;
	top: 37.45%;
	width: .5px;
	height: 16.88%;
}

#kris-bio {
	left: 9.88%; 
	top: 54.15%;
	width: 42.11%;
	height: 23.83%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/***** DONG *****/

#dong {
	left: 24.7%; 
	top: 19.63%; 
	width: 10.47%; 
	height: 13.75%; 
}

#dong-line {
	left: 33.28%;
	top: 33.3%;
	width: .5px;
	height: 20.88%;
}

#dong-bio {
	left: 24.7%; 
	top: 54.15%;
	width: 42.11%;
	height: 23.13%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/***** ASHLEY *****/

#ashley {
	left: 24.42%; 
	top: 33.5%; 
	width: 9.63%; 
	height: 17.63%; 
}

#ash-line {
	left: 29.6%;
	top: 51%;
	width: .5px;
	height: 6.38%;
}

#ash-bio {
	left: 24.42%; 
	top: 57.15%;
	width: 50.11%;
	height: 33.13%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/***** VICKIE *****/

#vickie {
	left: 35.71%; 
	top: 31.88%; 
	width: 8.55%; 
	height: 16.5%;
}

#vick-line {
	left: 40%;
	top: 48.3%;
	width: .5px;
	height: 6.38%;
}

#vick-bio {
	left: 35.71%; 
	top: 54.15%;
	width: 42.11%;
	height: 24.13%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/***** GLORIA *****/

#gloria {
	left: 44.44%; 
	top: 21.38%; 
	width: 8.39%; 
	height: 13.5%; 
}

#glo-line {
	left: 48.4%;
	top: 34.8%;
	width: .5px;
	height: 16.88%;
}

#glo-bio {
	left: 44.44%; 
	top: 51.7%;
	width: 50.11%;
	height: 29.13%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}


/***** TERRY *****/

#terry {
	left: 50%; 
	top: 35%; 
	width: 8.55%; 
	height: 16.5%;
}

#ter-line {
	left: 54%;
	top: 51.5%;
	width: .5px;
	height: 5.6%;
}

#ter-bio {
	left: 50%; 
	top: 56.7%;
	width: 42.11%;
	height: 25.13%;
	border: 2px solid #f15a24;
	padding-right: 0 !important;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/***** DAN DAN *****/

#dandan {
	left: 58.64%; 
	top: 31.37%; 
	width: 9.63%; 
	height: 17.63%; 
}

#dan-line {
	left: 63.7%;
	top: 49%;
	width: .5px;
	height: 7.7%;
}

#dan-bio {
	left: 43.3%; 
	top: 56.7%;
	width: 42.11%;
	height: 23.13%;
	border: 2px solid #f15a24;
	padding-right: 0 !important;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}


/***** JACKIE *****/

#jackie {
	left: 70.51%; 
	top: 21%; 
	width: 9.63%; 
	height: 17.63%; 
}

#jack-line {
	left: 75%;
	top: 38.45%;
	width: .5px;
	height: 14.5%;
}

#jack-bio {
	left: 53.3%; 
	top: 52.7%;
	width: 42.11%;
	height: 21.13%;
	padding-right: 0 !important;
	border: 2px solid #f15a24;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}
/***** STEPHEN *****/

#steph {
	left: 84.8%; 
	top: 33.25%; 
	width: 9.63%; 
	height: 17.63%; 
}

#ste-line {
	left: 89.7%;
	top: 50.8%;
	width: .5px;
	height: 7.7%;
}

#ste-bio {
	left: 52.5%; 
	top: 58.7%;
	width: 42.11%;
	height: 28.13%;
	border: 2px solid #f15a24;
	padding-right: 0 !important;
	background: url('../img/about-black-opacity.png') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
}

/*******************************************
  MOBILE DIV - HIDE
*******************************************/
	.who-photo, .who-first, .member-mobi { display: none;}


/*******************************************
  MOBILE DIVS
*******************************************/

.te-mobile-subhead {
	height: 170px;
	width: 100%;
	background-color: #333333;
	text-align: center;
	display: none;
}

.te-mobile-subhead h2 {
	font-weight: 100;
	padding-top: 50px;
} 

.m-subhead-hr {
	width: 15% !important; 
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-top: 3px dotted #f15a24 !important;
	height: 43px !important;
}

.orange-hr { display: none;}


/*******************************************
  LAPTOP / MEDIUM SIZES (<1200px)
*******************************************/

@media only screen and (max-width : 1200px) {
	
	h3.bio-content { font-size: 20px;}
	p.bio-content { font-size: .7em;}

	#kris-bio { height: 26%;}
	#dong-bio { height: 25%;}
	#ash-bio { height: 36%;}
	#vick-bio { height: 27%;}
	#glo-bio { height: 33%;}
	#ter-bio { height: 28%;}
	#dan-bio { height: 27%;}
	#jack-bio { height: 25%;}
	#ste-bio { height: 32%;}

    }


    

/*******************************************
  TABLET / SMALL SIZES (<992px)
*******************************************/

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

.diff-view-h2, .go-back, .go-back-mob {
	font-size: 1em;
	top: 90%;
}

#kris-bio { height: 34%; }
#dong-bio { height: 34%;}
#ash-bio { height: 47%;}
#vick-bio { height: 44%;}
#glo-bio { height: 47%;}
#ter-bio { height: 36%;}
#dan-bio { height: 35%;}
#jack-bio { height: 34%;}
#ste-bio { height: 46%;}

    }


/*******************************************
  MOBILE RESPONSIVE MEDIA QUERY (<768px)
*******************************************/

@media only screen and (max-width: 768px) {
	
	.hover-to-view { display: none; }

	.te-mobile-subhead { display: block; }
	 
	.who-photo, .who-first, .member-mobi { display: inline-block;}

	.te-div-responsive { margin-bottom: -20px; border-bottom: 1px solid #f15a24;}

	#kristen, 
	#dong,   
	#ashley, 
	#vickie,  
	#gloria, 
	#terry,  
	#dandan, 
	#jackie, 
	#steph,  
	.main-h2, 
	.lg-screen, 
	.lg-subhead-hr, 
	.hover-to-view { display: none; }

	.diff-view-h2, .go-back, .go-back-mob {
		font-size: .7em;
		top: 90%;
	}

	.member-mobi {
		width: 90%;
		min-width: 390px;
		min-height: 690px;
		margin: 20px auto;
		/*text-align: center;*/
	}

	.who-photo-frame {
		width: 100%;
		height: 100%;
		margin: 20px auto;
		padding-top: 20px;
	}

	.who-photo {	
		height: 200px;
		margin: 30px auto 10px auto;
		
	}

	.who-text { 
		display: block;
		height: 200px; 
		width: 100%; 
	}

	.who-first {
		padding: 0px 10px 0px 10px;
	}

	ul.who-list { 
		color: white; 
		font-family: 'Lato', sans-serif; 
		font-weight: 100; 
		font-size: 13px;
		list-style-type: none;
		margin-left: 0px;	
	}
	
	.orange-hr { 
		display: block; 
		border-top: 1px solid #f15a24; 
		margin-top: 30px;
		padding: 30px 20px; 
		width: 20%;

	}
}

@media only screen and (max-width: 700px) {
	.who-photo {	
		height: 230px;
		margin: 30px auto 10px auto;
	}

	.who-text {
		display: block;
	}



}