#about-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

#about-img {
    width: 30rem;
    float: left;
    margin: 1.2rem;
}

@media (max-width: 700px) {
    #about-img {
        width: 20rem;
        float: left;
        margin: 1.2rem;
    }
    p {
        font-size: 0.8rem;
    }
}

#about-content {
    padding: 2em 25vw 4em 25vw;
    /* max-width: 80rem;
    margin: 0 auto; */
}

/* h1 {
    text-align:center;
    color: rgb(190,190,190);
    padding:2em 0 2em 0;
    font-size:2em;
    background:black;
} */

h1 {
    font-size:2rem;
}

p {
    text-align: justify;
    font-size: 1.5rem;
    font-family: 'Roboto', sans-serif; 
}