p, .about-li {
    line-height: 25px;
}

#about-hero-section {
    background-color: var(--dark-blue);
    color: #ffffff;
}

ul {
    font-family: 'Lato', sans-serif;
}

li {
    font-family: 'Roboto';
    margin-bottom: 10px;
}


/* mobile */
@media only screen and (max-width: 1024px){
    #about-div-4 {
        margin-bottom: 40px;
    }
}


/* desktop */
@media only screen and (min-width: 1025px) {

    .uneven-div {
        display: flex;
        gap: 10%;
        align-items: center;
    }

    .uneven-h2 {
        width: 35%;
    }

    .uneven-p, .about-ul {
        width: 60%;
    }

    #about-div-3 {
        flex-direction: row-reverse;
    }

}