/**
 * @file
 * Card wrapper styles
 */

.card-wrapper {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(156px, 265px));
  margin: 0 auto;
  margin-bottom: 2rem;
}
.card-wrapper .card:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
}
@media all and (min-width: 800px) {
  .card-wrapper {
    gap: 1rem;
  }
}
@media all and (min-width: 1300px) {
  .card-wrapper {
    gap: 1.5rem;
    grid-template-columns: repeat(5, minmax(156px, 265px));
    margin-bottom: inherit;
  }
  .card-wrapper .card:last-child {
    grid-column-start: unset;
    grid-column-end: unset;
    text-align: unset;
  }
}
@media all and (min-width: 1500px) {
  .card-wrapper {
    gap: 2rem;
  }
}