@media screen and (max-width:767px){

    .staff-blog-bg{
        height:280px;
    }

    .staff-blog-overlay{
        padding:20px;
    }

    .staff-blog-card{
        width:100%;
        max-width:none;

        padding:20px 15px;
    }

    .staff-blog-card h3{
        font-size:1.05rem;
        line-height:1.6;
    }

    .staff-blog-label{
        font-size:.8rem;
        margin-bottom:10px;
    }

    .staff-blog-btn{
        margin-top:15px;
        font-size:.9rem;
    }
}

.staff-blog-overlay{
    position:absolute;
    inset:0;

    background:rgba(0,40,80,.35);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;
}

@media screen and (max-width:767px){

    .staff-blog-section{
        padding:30px 15px;
    }

    .staff-blog-link{
        margin:0 10px;
    }

}