.people-card {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px 0 #d8d8d8;
    box-shadow: 0 0 15px 0 #d8d8d8;
    margin: 15px 15px !important;
    position: relative;
    background-color: #fff;
    width: 350px !important;
}
/*.people-card a {
    padding: 0px;
}*/
.people-card__inner {
    display: block;
    height: 100%;
    padding: 0;
}
.people-card.large-3 .people-card__image {
    padding-bottom: 58%;
    margin: 30px;
    border-radius: 5px;
}
.people-card__image {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    position: relative;
}
.people-card__caption {
    padding: 0px 30px 30px;
    overflow-wrap: break-word;
}
.people-card__name {
    text-align:center;
}
.people-card__title {
    font-style:italic;
    font-size: 1em;
    margin-bottom: 0.5em;
    color: #333333;
    font-weight: 500;
}
.people-card__desc {
    padding-bottom: 30px;
    color: #333333;
}
.people-card__link {
    text-align: center;
    color: #fff;
    font-size: 0.875rem;
    padding: 10px 20px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
a.people-card__link:hover {
    color: white;
}
.people-link--with-arrow:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC4wMyA5LjA5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC41MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXNzZXQgMzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9Ikd1aWRlcyI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2LjQ5IDguODMgOS43MSA0LjU1IDYuNDkgMC4yNiIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjkuNjEiIHkxPSI0LjU1IiB4Mj0iMC4yNiIgeTI9IjQuNTUiLz48L2c+PC9nPjwvc3ZnPg==);
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 10px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
.people-link--with-arrow:hover:after {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scaleX(1.5) scaleY(1.25);
    -ms-transform: scaleX(1.5) scaleY(1.25);
    transform: scaleX(1.5) scaleY(1.25);
}
.people-card:hover .people-card__link {
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.people-card:hover {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}
.people-modal {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 0;
    transition: all 300ms ease-in-out;
}
.people-modal_content {
    background-color: #fefefe;
    padding: 40px 25px;
    border: 1px solid #888;
    max-width: 900px;
    max-height: 800px;
    min-width: 300px;
    display: flex;
    flex-flow: column;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.people-modal_header {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.people-modal_title {
    flex: 1 0 90%;
}
.people-modal_title > p {
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
}
.people-modal_body {
    padding: 0px 25px;
    overflow-y: auto;
    margin: 25px 0px;
}
.close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    width: min-content;
    display: flex;
}
.hello {
    opacity: 1;
    position: fixed;
    z-index: 99;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.no-scroll {
    overflow:initial;
}