#about-page {
    min-height: calc(var(--vh) * 100);
    padding-bottom: 1.5rem;
}

#about_p-wrap > * {grid-column: 1/-1;}

#about_p-text,
#about_p-social {
    margin-bottom: 2rem;
}

#about_p-social > div {
    margin-top: 2rem;
    width: 100%;
}

#about_p-email {margin-bottom: 6rem;}

#about_p-logo_d {margin-bottom: 2rem;}

@media only screen and (min-width: 1200px) {
    #about_p-wrap {
        position: fixed;
        top: calc(2rem + 12.5vw);
        right: 1rem;
        left: 36.7vw;
    }

    #about_p-social,
    #about_p-email {
        grid-column: span 6;
        margin-bottom: 0;
    }

    #about_p-social {
        display: flex;
        flex-wrap: wrap;
    }
    #about_p-social li:nth-child(1) {width: 100%;}
    #about_p-social li:not(:nth-child(1)) {margin-right: 1rem;}

    #about_p-social a {transition: opacity 250ms ease-in-out;}
    #about_p-social:hover a {opacity: .5;}
    #about_p-social a:hover {opacity: 1;}
}