.about {
    padding: 4rem;
    padding-top: calc(var(--header-height) + 4rem) !important;

    padding-left: 10%;
    padding-right: 10%;
}

.about .horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4rem;
}

.about .left,
.about .right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.about h2 {
    align-self: flex-start;
}

.about .segment {
    margin-top: 1rem !important;
    padding: 2rem !important;
}

.about .horizontal img {
    width: 75%;
    border-radius: 20px;
}

.about .divider {
    margin: 5rem 0;
}

@media only screen and (max-width: 865px) {
    .about .horizontal {
        flex-direction: column;
    }

    .about .horizontal.flip_mobile {
        flex-direction: column-reverse;
    }

    .about .horizontal img {
        width: 100%;
    }

    .about .divider {
        margin: 3rem 0 !important;
    }
}