.people-list {display: flex; flex-wrap: wrap; margin-right: -0.9375rem; margin-left: -0.9375rem;}
.people-block {width: 33.333%; padding: 0 0.9375rem 3.75rem; position: relative;}
.people-block__bio {display: block; position: relative; height: 100%; overflow: hidden;}
.people-block__bio::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(42, 49, 60,0.10) 0%,rgba(42, 49, 60,0.25) 40%,rgba(42, 49, 60,0.75) 100%); z-index:1}
.people-block__image {position: relative; transform: translate3d(0, 0, 0); will-change: transform; height: 100%;transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.people-block__image img {object-fit: cover; object-position: center; width: 100%; height: 100%;}
.people-block__bio:hover .people-block__image {transform: scale(1.05);}
.people-block__overlay {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0.9375em 1.25em 1.5625em; z-index: 2;}
.people-block__name, .people-block__title {color: rgb(255,255,255); line-height: 1.2;}
.people-block__name {font-size: 1.125em; margin-bottom: 0.3158em;}
.people-block__title {font-size: 0.8125em; display: block; line-height: 1.4;}
.people-block__title span {display: inline-block; position: relative; padding-left: 0.7143em;}
.people-block__title span::before {content: ""; display: block; position: absolute; top: 50%; left: 0.2857em; margin-top: -0.4286em; width: 1px; height: 0.8571em; background: rgba(255,255,255, 0.75)}
.people-block__info {position: relative;}
.people-block__more {margin-top: 0.625em}
.people-block__more .text-button {width: 100%; font-size: 0.8125em; line-height: 1.4; color: var(--primary); margin-bottom: 0;     padding-top: 1.25em; border-top: 1px solid var(--primary);}
.people-block__bio .text-button:after {font-size: 1.25em; line-height: 1; color: var(--primary); top: 1em;}
.people-block__bio:hover .text-button {color: #fff;}
.people-block__bio:hover .text-button:after {color: #fff;}
.people-block__linkedin {position: absolute; top: 0.75em; right: 1.875em; z-index: 3; color: #fff;}
.people-block__linkedin::before {font-size: 1.5625em;}
.people-block__linkedin:hover {color:var(--primary)}

@media only screen and (max-width: 1199px) {
	.people-block {width: 33.33333333333333%}
}

@media only screen and (max-width: 800px) {
	.people-block {width: 50%}
}

@media only screen and (max-width: 640px) {
	.people-list {margin-right: -0.625rem; margin-left: -0.625rem;}
	.people-block {padding-right: 0.625rem; padding-left: 0.625rem; padding-bottom: 1.25rem;}
}

@media only screen and (max-width: 500px) {
	.people-block {width: 100%}
}

/********************************************************************************
--- Custom Magnific Popup Styling ---
*********************************************************************************/
.white-popup-block {display: block; background: #fff; text-align: left; max-width: 40.625rem; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;}
.white-popup-block--padding {padding:2.5em 1.875em 1.875em;}
.white-popup-block--narrow {max-width: 28.75rem;}
.white-popup-block--wide {max-width: 50rem;}
.white-popup-block--wide.white-popup-block--padding {padding:4.25em 5em 2.5em;}
.white-popup-block--map {padding: 2.8125em; max-width: 25em;}

.form-popup__heading, .form-popup__section {margin-bottom: 1.875em;}
.form-popup__heading p {font-size: 1.125em; line-height: 1.25}
.form-popup__heading > :last-child {margin-bottom: 0}
.form-popup__fields .row {margin-right: -0.5em; margin-left: -0.5em}
.form-popup__fields .column, .form-popup__fields .columns {padding-right: 0.5em; padding-left: 0.5em}

.modal-vignette {padding: 3.125em 5.000em;}
.modal-vignette__image {width: 12em; height: 12em; background-position: top center; background-size: cover; background-repeat: no-repeat; margin: 0 auto 1.875em auto; position: relative;}
.modal-vignette__image img {border-radius: 12em;  object-fit: cover; object-position: center; width: 100%; height: 100%;}
.modal-vignette__header {text-align: center; margin-bottom: 2.188em;}
.modal-vignette__title {margin-bottom: 0.256em}
.modal-vignette__subtitle {font-size: 1.1875em; color: var(--gray);}
.modal-vignette__subtitle span {display: inline-block; position: relative; padding-left: 0.7143em;}
.modal-vignette__subtitle span::before {content: ""; display: block; position: absolute; top: 50%; left: 0.25em; margin-top: -0.3em; width: 2px; height: 0.7em; background: rgba(65, 65, 66, 0.75)}
.modal-vignette__overview {font-size: 1em;}
.modal-vignette__linkedin {display: block; position: absolute; bottom: -0.9375em; left: 50%; margin-left: -1.25em; width: 2.5em; height: 2.5em; border-radius: 2.5em; line-height: 2.75em; background: var(--primary); color: #fff; transition: background-color 250ms ease;}
.modal-vignette__linkedin:hover {background: var(--black); color: #fff;}
.modal-vignette__linkedin span {font-size: 1.1875em;}

@media (max-width: 800px) {
	.modal-vignette {padding-right:2.813em; padding-left:2.813em;}
	.modal-vignette__image {font-size: 12px;}
}

@media (max-width: 639px) {
	.modal-vignette {font-size: 13px; padding-right:2.813em; padding-left:2.813em;}
}

@media (max-width: 479px) {
	.modal-vignette {padding-right:1.563em; padding-left:1.563em;}
	.modal-vignette__image {font-size: 10px;}
	.modal-vignette__blockquote {padding-top: 2.083em; padding-bottom: 2.083em;}
	.white-popup-block--map {padding: 1.875em;}
}

@media (max-width: 375px) {
	.modal-vignette {font-size: 12px;}
	.modal-vignette__image {font-size: 8px;}
}

@media only screen and (max-width: 800px) {
	.white-popup-block--wide.white-popup-block--padding {padding-right:2.6923em; padding-left:2.6923em;}
}

@media only screen and (max-width: 479px) {
	.white-popup-block--wide.white-popup-block--padding {padding: 3.3333em 1.6667em 1.6667em;}
}

@media only screen and (max-width: 375px) {
	.white-popup-block--wide.white-popup-block--padding {padding-right: 0.8333em; padding-left: 0.8333em;}
}