html,
body {
  overflow-x: hidden;
}

@media (max-width: 680px) {
  .intl-nav,
  .intl-hero,
  .intl-hero-copy,
  .intl-hero-visual {
    width: 100%;
    min-width: 0;
  }

  .intl-logo {
    flex: 0 1 155px;
    min-width: 0;
  }

  .country-switcher {
    flex: 0 0 auto;
    max-width: 118px;
  }

  .country-switcher > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .intl-hero h1 {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 2.3rem;
  }

  .intl-hero-copy > p,
  .hero-actions,
  .hero-checks {
    max-width: 100%;
  }
}