
.people .name {font-size: 20px; font-weight: 800; margin: 10px 0 0; letter-spacing: 2px; text-transform: uppercase;}
.people .col {max-width: 100%; margin-bottom: 30px; min-width: 50%;}
@media (min-width: 768px) {
    .people .col {max-width: 20%; min-width: 20%;}
}
.people .text-xl {color: #687268;}
.people img {border-radius: 10px; aspect-ratio: 1 / 1; width: 100%; object-fit: cover;}



.col-md-15 {position:relative; width:100%; padding-right:15px; padding-left:15px;}
.mentor-card {padding:15px; transition:all 0.3s ease; margin-bottom: 50px; display: block}
.people img.mentor-avatar {width:150px; height:150px; object-fit:cover; margin:0 auto;}
.people .mentor-avatar-placeholder {width:150px; height:150px; background-color:#f0f0f0; margin:0 auto;}
.mentor-name {font-size:1.1rem; margin-bottom:0.5rem; letter-spacing: 1px; text-transform:uppercase; font-weight: 700}
.mentor-title {font-size:0.9rem; line-height:1.4;}

#filter { margin: 0 auto;}
#filter .reset {height: 40px; line-height: 35px; padding: 0 25px; font-family: 'Heading Now 10'; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border:3px solid #f3a901 !important; background: #FFF;}
.select-wrapper {position:relative; width: 250px;}
.select-wrapper:after {content:''; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #000; pointer-events:none;}
.select-wrapper select.btn-primary {width:100%; font-family: 'Heading Now 10'; text-transform: uppercase; height: 40px !important; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#f2a902; border-radius:100px; border:2px solid #f2a902; color:#000; font-size:12px; padding:0 20px; letter-spacing:2px; cursor:pointer; text-align:left; line-height: 35px;}
.select-wrapper select.btn-primary:hover {background:#FFF !important; color:#000 !important; border:3px solid #f3a901 !important;}
.select-wrapper select.btn-primary:focus {outline:none; box-shadow:none;}

.search-wrapper {position:relative; width: 220px;}
.search-wrapper input {border: 2px solid #f2a902; padding: 10px 20px; background: #f3a901; border-radius: 100px; color: #000; font-family: 'Heading Now 10'; text-transform: uppercase; font-size: 12px; letter-spacing: 2px}
.search-wrapper input::placeholder {color: rgba(0, 0, 0, 1); opacity: 1;}
.search-wrapper input::-webkit-input-placeholder {color: rgba(0, 0, 0, 1); opacity: 1;}
.search-wrapper input::-moz-placeholder {color: rgba(0, 0, 0, 1); opacity: 1;}
.search-wrapper input:-ms-input-placeholder {color: rgba(0, 0, 0, 1); opacity: 1;}

@media (min-width: 768px) {
    .col-md-15 {flex: 0 0 20%; max-width: 20%;}
}

@media (max-width: 767px) {
    .col-md-15 {flex: 0 0 50%; max-width: 50%;}
    .mentor-card {margin-bottom: 30px;}
    .mentor-name {font-size: 16px;}
    .mentor-title {font-size: 14px;}
    .mentor-avatar, .mentor-avatar-placeholder {transform: scale(0.7); margin-left: 0px}
    .mentor-card {padding: 0}
    .people .name {font-size: 16px;}
    .people .text-xl {font-size: 12px;}
}

@media (max-width: 575px) {
    .mentor-name {font-size: 14px;}
}
