.about--commissionandstaff {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 64px;
}
	@media screen and (min-width: 600px)  {
		.about--commissionandstaff {
			width: 49%;
			margin-right: 2%;
		}
	}
	@media screen and (min-width: 600px) and (max-width: 767px)  {
		.about--commissionandstaff:nth-child(2n) {
			margin-right: 0%;
		}
	}
	@media screen and (min-width: 768px)  {
		.about--commissionandstaff {
			width: 20%;
			margin-right: 6.66666667%;
			margin-bottom: 100px;

		}
		.about--commissionandstaff:nth-child(4n) {
			margin-right: 0%;
		}

		.about--thestaff .about--commissionandstaff {
			width: 28.8893333%;
			margin-right: 6.666%;
			margin-bottom: 100px;
		}
		.about--thestaff .about--commissionandstaff:nth-child(3n) {
			margin-right: 0%;
		}

	}

	.about--commissionandstaff .about--commissionandstaff-image {
		overflow: hidden;
	    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	}
		.about--commissionandstaff-image img {transition: all 0.2s ease-in, all 0.25s ease-out;}
		.about--commissionandstaff-image:hover img, 
		.about--commissionandstaff:hover .about--commissionandstaff-image img {transform: scale(1.03);}
		.about--commissionandstaff img {cursor: pointer;}

	.about--commissionandstaff h4, .about--commissionandstaff p.jobtitle {
		font-weight: 400;
		float: left;
		width: 100%;
		cursor: pointer;
	}

	.about--commissionandstaff h4 {
		font-size: 22px;
		margin-top: 14px;
		line-height: 1.25;
		margin-bottom: 5px;
	}
		@media (min-width: 1024px) {.about--commissionandstaff h4 {font-size: 24px;}}

	.about--commissionandstaff p.jobtitle {
		font-size: 14px;
		line-height: 1.4;
	}

	.commissionandstaff--readbio {
		margin-top: 12px;
		display: block;
		float: left;
	}

	.commissionandstaff--readbio p {
		font-size: 14px;
		text-decoration: none;
		color: #AAA;
		cursor: pointer;
		font-weight: 400;
	}

.about--thecommission-subhead,
.about--thestaff-subhead {margin-top: 50px;}

.about--thecommission, .about--thestaff {margin: 50px 0 0 0; scroll-margin-top: 50px;}
	@media (min-width: 1024px) {.about--thecommission, .about--thestaff {margin: 125px 0 0 0; scroll-margin-top: 125px;}}



/* THE COALITION */
.about--thecoalition {background-color: var(--darkblue);}

.about--thecoalition h3 {
	margin-bottom: 30px;
	color: #FFF;
}
	@media (min-width: 1024px) {.about--thecoalition h3 {margin-bottom: 40px;}}


.about--thecoalition-logo {
	float: left;
}
	@media (min-width: 500px) and (max-width: 767px) {
		.about--thecoalition-logo {}
		.about--thecoalition-logo:nth-child(2n) {margin-right: 0;}
	}
	@media (min-width: 768px) {
		.about--thecoalition-logo {}
		.about--thecoalition-logo:nth-child(5n) {margin-right: 0;}
	}
/* THE COALITION */






/* ABOUT - CO-CHAIRS */
.about--commissionandstaff--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
	@media screen and (min-width: 500px) and (max-width: 767px) {.about--commissionandstaff--wrap {margin-left: -10px; margin-right: -10px;}}
	@media screen and (min-width: 768px)  {.about--commissionandstaff--wrap {margin-left: -12px; margin-right: -12px;}}
	@media screen and (min-width: 1024px) {.about--commissionandstaff--wrap {margin-left: -15px; margin-right: -15px;}}
	@media screen and (min-width: 1244px) {.about--commissionandstaff--wrap {margin-left: -15px; margin-right: -15px;}}


.about--commissionandstaff {margin-right: 0 !important;}

.about--commissionandstaff:hover h4,
.about--commissionandstaff:hover .jobtitle,
.about--commissionandstaff:hover .commissionandstaff--readbio p {color: var(--mainblue);}

.about--commissionandstaff--3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
}
	@media screen and (min-width: 500px) and (max-width: 899px) {.about--commissionandstaff--3 {width: 50% !important;}}
	@media screen and (min-width: 900px) {.about--commissionandstaff--3 {width: 33.33% !important;}}


.about--commissionandstaff--3 {
	padding: 25px;
	margin-bottom: 25px;
	-moz-transition: all 0.2s ease-in,all 0.25s ease-out;
	-o-transition: all 0.2s ease-in,all 0.25s ease-out;
	-webkit-transition: all 0.2s ease-in,all 0.25s ease-out;
	transition: all 0.2s ease-in,all 0.25s ease-out;
}
	@media screen and (min-width: 500px) and (max-width: 767px) {.about--commissionandstaff--3 {padding: 10px;}}
	@media screen and (min-width: 768px)  {.about--commissionandstaff--3 {padding: 12px; margin-bottom: 75px}}
	@media screen and (min-width: 1024px) {.about--commissionandstaff--3 {padding: 15px;}}
	@media screen and (min-width: 1244px) {.about--commissionandstaff--3 {padding: 15px;}}


	@media screen and (min-width: 500px) {
		.with-cochairs .about--commissionandstaff:nth-child(1), 
		.with-cochairs .about--commissionandstaff:nth-child(2) {
			width: 50% !important;
		}
	}


/* ABOUT - CO-CHAIRS */