@media (max-width: 620px) {
  .budget-hero h1 {
    width: calc(100vw - 44px);
    max-width: calc(100vw - 44px);
    font-size: 2.2rem;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .budget-hero p {
    width: calc(100vw - 44px);
    max-width: calc(100vw - 44px);
  }

  .budget-hero h1 span {
    display: block;
  }

  .budget-intro,
  .budget-filters,
  .budget-year {
    width: calc(100vw - 44px);
    max-width: calc(100vw - 44px);
  }

  .budget-intro > * {
    min-width: 0;
  }

  .budget-intro h2,
  .budget-intro p {
    overflow-wrap: anywhere;
  }
}