.about {
    padding-top: 160px;
    padding-bottom: 160px;
    clip-path: polygon(0 15%, 100% 8%, 100% 90%, 0% 100%);
    background: #FFFFFF;
    color: #0E0D0D;
}

.about-content {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    align-items: center
}

.about-grid h2{
    text-align: center;
    margin-bottom: 10px;
}

.about-grid > p{
    font-style: italic; 
    text-align: center;
    margin-top: 20px;
    font-size: 1.125rem;
}

.about-content-item h6{
    margin-bottom: 10px;
}

@media only screen and (max-width: 850px) {
    .about-content {
        grid-template-columns: minmax(220px, 440px);
        justify-content: center;
    }
}