@media (max-width: 900px) {
  * { box-sizing: border-box !important; }
  html {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto !important;
    min-height: 100% !important;
  }
  body {
    max-width: 100%;
    margin: 8px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto !important;
    min-height: 100% !important;
  }
  center { display: block !important; width: 100% !important; }
  div, table, tbody, thead, tfoot, tr, td, th {
    overflow: visible !important;
  }

  /* Stack common flex-based two-column layouts used on this site */
  .main, .banner, .new_row, .links_hi, .links, .hello, .content,
  .left, .right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  table, tbody, thead, tfoot, tr, td, th {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  table[width], td[width], th[width] {
    width: 100% !important;
    max-width: 100% !important;
  }

  img, video, iframe, object, embed {
    max-width: 100% !important;
    height: auto !important;
  }

  img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  img[align="left"], img[align="right"] {
    float: none !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
  }

  [style*="float:left"], [style*="float: left"],
  [style*="float:right"], [style*="float: right"] {
    float: none !important;
  }

  /* Override inline fixed widths used in legacy footer/content blocks */
  .center[style*="width"],
  div[style*="width:"],
  table[style*="width:"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  p, div, td, th, a, span {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}