.about-page > #logo,
.about--article,
.about--record,
.about--record li {
    grid-column: 1/-1;
}

.about--article {
    margin-bottom: 4rem;
}

.about--record {
    margin-top: 4rem;
    border-top: 3px solid black;
    padding-top: .5em;
}

.about--record li:not(:last-of-type) {
    margin-bottom: 1em;
}


/* TABLET */
@media only screen and (min-width: 768px) {
    .about--record {
        grid-column: span 4;
    }
}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .about--article {
        grid-column: 1/9;
    }

    .about--record {
        margin-top: 0;
        border-top: none;
        padding-top: 0;
    }
}