@media screen and (max-width: 990px){ .flex-item { flex-grow: 1; background: var(--lightsedonca); width: 14vw; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; list-style: none; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; -webkit-flex-flow: row wrap; justify-content: space-around; } } @media screen and (max-width: 880px) { .flex-item { flex-grow: 1; background: var(--lightsedonca); width: 14vw; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; list-style: none; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; -webkit-flex-flow: row wrap; justify-content: space-around; } } @media screen and (max-width: 720px) { .flex-item { flex-grow: 1; background: var(--lightsedonca); width: 17vw; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; list-style: none; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; -webkit-flex-flow: row wrap; justify-content: space-around; } } @media screen and (max-width: 590px) { .flex-item { flex-grow: 1; background: var(--lightsedonca); width: 20vw; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; list-style: none; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; -webkit-flex-flow: row wrap; justify-content: space-around; } } @media screen and (max-width: 510px) { .flex-item { flex-grow: 1; background: var(--lightsedonca); width: 17vw; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; list-style: none; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; -webkit-flex-flow: row wrap; justify-content: space-around; } .item-form { width: 3vh; padding-left: 0.1vw; margin-top: 0.25vw; height: 3vh; border-radius: 10px; display: table-cell; position: relative; vertical-align: middle; background-color: var(--lighttercia); } }