/* ---- Team Page Styles ---- */

*{padding: 0px; margin: 0px;}
.staff {
	background-color: #f7f7f8;
	padding-top: 90px;
	padding-bottom: 90px;
}
.team-row h2 {
	text-align: center;
	font-size: 60px;
	font-family: "Arial Black", "Arial Bold", sans-serif;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.2em;
	padding-bottom: 90px;
}
/*.team-container {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}*/
/*.team-row {
	width: 98%;
	margin: 0 auto;
}*/

.box {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.teamCol {
	flex: 1 1 auto;
	max-width: 250px;
	background: #000;
	margin: 10px;
	position: relative;
}

.image-div {
	min-height: 300px;
}
.image-div img {
	width: 100%;
}
.cont-div {
	background-color: #000;
	/*margin-right: 20px;
	margin-left: 20px;
	min-height: 180px;
	margin-top: -25px;*/
	color: #fff;
	padding: 15px;
	/*z-index: 99;
	position: relative;*/
	margin-bottom: 20px;
}

.cont-div h3 {
	font-size: 19px;
	color: #ed2991;
	font-family: "Arial Black", "Arial Bold", sans-serif;
	margin-bottom: 3px;
}
.cont-div h5 {
	font-size: 16px;
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding-bottom: 10px;
}
.cont-div p {
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 12px;
}
.cont-div span.staffDesc {
	position:absolute;
	bottom: 15px;
	left: 15px;
	font-style: italic;
	font-weight: 300;
	font-size: 14px;
	padding-right: 42px;
}
.cont-div span.draIcon-pink {
	position: absolute;
	right: 13px;
	bottom: 13px;
	z-index: 0;
}


.team-message {
	padding: 90px 0;
}
.team-message  h2 {
	text-align: center !important;
	font-size: 60px !important;
	font-family: "Arial Black", "Arial Bold", sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.2em;
	padding-bottom: 40px;
	margin: 0 !important;
}
.message-cont {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	filter: drop-shadow(0 0 20px #ED2991);
}
.team-message p {
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	text-align: justify !important;
	padding-bottom: 20px;
}

.message-team-row {
	display: flex;
	max-width: 1366px;
	margin: 0 auto;
}
.message-image {
	flex-basis: 40%;
}
.message-cont {
	flex-basis: 60%;
	padding-top: 15vh;
}
.message-image img {
	width: 100%;
}

.support-mem {
	background-color: #000;
}
.support-mem  h2 {
	text-align: center;
	font-size: 60px;
	font-family: "Arial Black", "Arial Bold", sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.2em;
	padding: 10px;
}

.team-img img {
	width: 100%;
}

.image-div {
	position:relative;
	margin:0 auto;
}

.image-div img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.image-div img.top:hover {
  	opacity:0;
}


@media only screen and (max-width: 600px) {
	/*.team-container {max-width: 100%; padding:  0px;}*/
	.team-container h2 {font-size: 30px !important; padding-bottom: 25px;}
	.support-mem h2 {font-size: 30px !important;}
	/*.box {flex-direction: column;}*/
	/*.teamCol { max-width: 100%; padding: 0px; margin-bottom: 25px;}*/
	.message-cont {max-width: 80%; padding-top: 40px;}
	/*.box {padding: 0 20px;}*/
	.message-team-row {display: block;}
	.message-image {padding: 30px;}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
	/*.image-div {min-height: 470px !important;}*/
	/*.team-container {max-width: 100%; padding:  0px;}*/
	.team-container h2 {font-size: 30px !important; padding-bottom: 25px;}
	.support-mem h2 {font-size: 30px !important;}
	/*.box {flex-direction: column;}*/
	/*.teamCol { max-width: 100%; padding: 0px; margin-bottom: 25px;}*/
	.message-cont {max-width: 80%;}
	/*.box {padding: 0 20px;}*/
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
	/*.image-div {min-height: 580px !important;}*/
	/*.team-container {max-width: 100%; padding:  0px;}*/
	.team-container h2 {font-size: 30px !important; padding-bottom: 25px;}
	.support-mem h2 {font-size: 30px !important;}
	/*.box {flex-direction: column;}*/
	/*.teamCol { max-width: 100%; padding: 0px; margin-bottom: 25px;}*/
	.message-cont {max-width: 80%;}
	/*.box {padding: 0 20px;}*/
}