/**
* Card
*/

.cards {
  display: flex;
  justify-content: center;
}
.cards > .field--name-field-card {
  display: grid;
  grid-template-rows: auto;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, 310px);
  justify-content: center;
  width: 100%;
}
.cards .card img {
  width: 100%;
}
@media all and (min-width: 700px) {
  .cards > .field--name-field-card {
    max-width: 704px;
  }
}
@media all and (min-width: 1300px) {
  .cards > .field--name-field-card {
    max-width: unset;
  }
}