/* Phone layout for article pages.

Webflow rich-text figures use display:table, and a few posts embed a
fixed-width map or a wide comparison table. On a narrow screen the article
column grew to that content (about 600px) and the page scrolled sideways.
These rules only apply at the site's existing phone breakpoint.
*/

@media screen and (max-width: 767px) {
  .section_article-2,
  .div-block-153,
  .div-block-152,
  .text-rich-text {
    min-width: 0;
    max-width: 100%;
  }

  .w-richtext figure,
  .w-richtext figure.w-richtext-figure-type-image {
    display: block;
    max-width: 100%;
    width: auto;
  }

  .w-richtext figure img,
  .text-rich-text img {
    max-width: 100%;
    height: auto;
  }

  .text-rich-text .w-embed {
    max-width: 100%;
  }

  .text-rich-text iframe {
    width: 100% !important;
    max-width: 100%;
  }
}