/**
 * Style of values
 */
 
.values_box {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: var(--main-beige);
    width: 100%;
}
.values .flex_element {
    width: 22%;
}
@media (max-width: 1400px) {
    .values {
        gap: 1rem;
    }
    .values .flex_element {
        width: 24%;
    }
}
@media (max-width: 1250px) {
    .values {
        gap: 1rem;
    }
    .values .flex_element {
        width: 30%;
    }
}
@media (max-width: 1050px) {
    .values .flex_element {
        width: 40%;
    }
}
@media (max-width: 850px) {
    .values .flex_element {
        width: 45%;
    }
}
@media (max-width: 768px) {
    .values .flex_element {
        width: 47%;
    }
}
@media (max-width: 680px) {
    .values .flex_element {
        width: 85%;
    }
}