.grid {
  display: grid;
  justify-items: stretch;
}
.grid--equal {
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (min-width: 48rem) {
  .grid--equal {
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1.5rem) / (4 + 1)), 1fr));
    gap: 1.5rem;
  }
}
@media (min-width: 80rem) {
  .grid--equal {
    grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1.5rem) / (6 + 1)), 1fr));
    gap: 1.5rem;
  }
}
.grid--max-width {
  justify-items: center;
}
.grid--max-width > * {
  width: 100%;
  max-width: 508px;
}
.grid--items-left {
  justify-items: left;
}
.grid--column {
  margin: 1rem 1rem 0 1rem;
}
@media (min-width: 48rem) {
  .grid--column {
    margin: 1rem 1rem 0 1rem;
  }
}
@media (min-width: 80rem) {
  .grid--column {
    margin: 1.5rem 7rem 0 7rem;
  }
}
.grid--column--right {
  margin-right: 0;
}
.grid--column--left {
  margin-left: 0;
}