.two-col-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 12vh;
}

.design-values{
    grid-template-columns: auto auto auto;
    display:grid;
    gap:20px;
}

.arrow{
    display:flex;
    margin-bottom:40px;
    justify-content:flex-end;
    position: sticky;
}
/* Mobile: up to 767px */
@media (max-width: 767px) {

    .about-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }

    .two-col-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 8vh;
    }

    .big {
        font-size: clamp(2rem, 8vw, 2.5rem);
    }
}

/* Tablet: 768px - 1023px */
@media (min-width: 768px) and (max-width: 1023px) {


    .about-wrapper {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .two-col-grid {
        gap: 24px;
        margin-top: 10vh;
    }

    .big {
        font-size: 42px;
    }
}

/* Extra Small Typography: up to 375px */
@media (max-width: 375px) {

    .two-col-grid {
        gap: 16px;
    }

    .big {
        font-size: 2rem;
    }
}