.about-page {
    padding-top: 0 !important;
}

.about-page > * {
    grid-column: 1/-1;
}

.about-page ul {
    margin-top: 6rem;
}

.about-page li {
    grid-column: span 3;
    margin-bottom: 1rem;
    transition: opacity 250ms ease-in-out;
    width: fit-content;
}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .about-page {
        padding-top: .25rem !important;
    }

    .about-page li {
        grid-column: span 3;
    }
}


/* 
HOVER
*/
@media (hover: hover) {
    .about-page ul:hover li {
        opacity: .5;
    }

    .about-page li:hover {
        opacity: 1 !important;
    }
}