.staff-block {
    width: 23%;
    margin: 1%;
    float: left;
    padding: 5px;
    border-radius: 10px;
    text-align: left;
}

.staff-name {
    font-size: 18px;
    font-weight:bold;
    margin-bottom: 6px;
    width: 100%;
}

.staff-img {
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
}

.staff-title {
    width: 100%;
    margin-bottom: 6px;
}

.staff-jurisdiction {
    width: 100%;
    margin-bottom: 6px;
    font-style: italic;
}

.staff-block .staff-button {
    font-size: 19px;
    font-family: Poppins-Bold;
    color: #ffffff;
    text-transform: uppercase;
    padding: 12px 30px;
    border-radius: 5px;
    margin-top: 10px;
    border: none;
    border-radius: 50px;
    background-color: #122e81;
    transition: 0.5s all;
}

.staff-block .staff-button:hover {
    opacity: 0.6;
}
  
.staff-img-block {
    max-width: 100%;
    width: 100%;
    float: left;
    border-radius: 10px;
    margin-bottom: 15px;
    max-height: 100%;
}

.bio-image {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}
  
@media screen and (max-width: 1100px) {
    .staff-block {
        height: 370px;
    }

}

@media screen and (max-width: 850px) {
    .staff-block {
        width: 48%;
        height: auto;
        text-align: center;
    }
    .staff-img-block {
        width: 100%;
    }
    .heading {
        text-align:center;
    }
    .bline-inner {
        margin-bottom:25px;
    }
    .committee-list {
        padding-top:25px;
    }
}

@media screen and (max-width: 500px) {
    .staff-block {
        width: 100%;
        margin: 1% 0;
    }
}