.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%;
}
}