.collection {
    padding-block: 40px;
}

@media (min-width: 1024px) { 
    .collection {
        padding-block: 40px;
    }
}

.flip-card-collection__title,
.flip-card-collection__grid .field--name-field-collection-cards{
  width: min(90%, 1350px);
  margin-inline: auto;
}

.flip-card-collection__title {
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 30px;
    line-height: 38px;
}



.flip-card-collection__grid .field--name-field-collection-cards{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 1.25rem;
}

.flip-card-collection__grid .field__item {
    flex: 0 1 100%;
}

@media (min-width: 640px) {
    .flip-card-collection__grid .field__item {
        flex: 0 1 calc(50% - 0.625rem);
    }
}

@media (min-width: 1200px) {
    .flip-card-collection__grid .field__item {
        flex: 0 1 calc(25% - 0.9375rem);
    }
}