#about-page {row-gap: 6rem;}


/* 
DESCRIPTION
*/
#about_p-description article {margin-top: 2rem;}


/* 
TEAM
*/
#about_p-team {row-gap: 4rem;}
.about_p-member .--title {margin-top: 1rem;}




@media only screen and (min-width: 768px) {
    #about-page {row-gap: 12rem;}
    #about_p-team {row-gap: 6rem;}

    #about_p-description figure {grid-column: 1/6;}
    #about_p-description article {grid-column: 1/-1;}

    .about_p-member {grid-column: span 4;}
}

@media only screen and (min-width: 1096px) {
    #about_p-description figure {grid-column: 1/5;}
    #about_p-description article {
        margin-top: 0;
        grid-column: 6/-1;
    }

    #about_p-team {row-gap: 3rem;}
    .about_p-member {grid-column: 1/6;}
    .about_p-member .--portrait {display: none;}
    .about_p-member .--title {margin-top: 0;}
    .about_p-member .--title h2 {margin-top: .5rem;}

    #about_p-team--portrait {
        grid-column: 7/-2;
        grid-row: 1/10;
    }
}