@media (max-width: 720px) {
  .topbar__content,
  .topbar__nav,
  .hero__header,
  .section__header,
  .list-row,
  .budget-line,
  .wishlist-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .page {
    padding-top: 1.5rem;
  }

  .hero {
    padding: 1.5rem;
  }

  .landing__hero h1 {
    font-size: 2.5rem;
  }

  .topbar-dropdown__menu {
    position: static;
    min-width: 100%;
    margin-top: 0.75rem;
  }

  .landing-card__header {
    grid-template-columns: 1fr;
  }

  .landing__cards--tools,
  .tool-category-grid,
  .seo-links__grid {
    grid-template-columns: 1fr;
  }

  .exchange-header,
  .recent-exchanges__item,
  .participants-table__row {
    flex-direction: column;
    align-items: flex-start;
  }

  .participants-panel__form-row {
    grid-template-columns: 1fr;
  }

  .create-exchange__header {
    align-items: flex-start;
  }

  .create-exchange__grid,
  .participant-row {
    grid-template-columns: 1fr;
  }

  .participant-row__index {
    display: none;
  }

  .catalog-grid--wide,
  .wishlist-grid,
  .section-card--narrow {
    grid-template-columns: 1fr;
  }

  .seo-hero,
  .seo-grid--two,
  .seo-grid--three,
  .seo-compare,
  .seo-bottom-cta {
    grid-template-columns: 1fr;
  }

  .seo-bottom-cta__actions {
    justify-content: flex-start;
  }

  .section-card--narrow {
    max-width: none;
  }

  .toast-stack {
    top: 4.5rem;
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
  }
}