/* 
    Table of content
    1. PERSONS
    RESIZE
*/

/* 1. PERSONS */
.grid-persons .container {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 26rem, 1fr ) );
    grid-gap: 2rem;
}

/* RESIZE */
@media (max-width: 767px) {
    /* 1. PERSONS */
    .grid-persons .container {
        grid-template-columns: repeat( 2, 1fr );
        grid-gap: 1rem;
    }
}