.content {width: 100%;}

.directory{
    display:flex;
    gap:40px;
    flex-direction:column;
 }

.directory-card{
    flex:1;
    padding:25px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.directory-card h2{
    margin:0 0 30px;
    text-align:center;
    font-size:32px;
    color:#0d3c61;
    border-bottom:2px solid #d9b25f;
    padding-bottom:15px;
}

.staff-member{
    margin-bottom:30px;
    padding-bottom:25px;
    border-bottom:1px solid #ddd;
}

.staff-member:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}

.staff-member h3{
    margin:0 0 10px;
    font-size:20px;
    color:#0d3c61;
}

.staff-member p{
    margin:5px 0;
    line-height:1.6;
}

.staff-member a,
.info-row a{
    color:#0d3c61;
    text-decoration:none;
}

.staff-member a:hover,
.info-row a:hover{
    text-decoration:underline;
}

.info-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
    border-bottom:1px solid #ddd;
}

.info-row:last-child{
    border-bottom:none;
}

.info-row span:first-child{
    font-weight:600;
    color:#0d3c61;
}

/* Tablet */

@media (max-width:991px){

    .directory{
        gap:25px;
    }

    .directory-card{
        padding:25px;
    }

}

/* Mobile */

@media (max-width:767px){

    .directory{
        flex-direction:column;
    }

    .directory-card{
        width:100%;
    }

    .info-row{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }

}

h3 {margin-top: 30px;}