/* Preserve the archived desktop layout, replace unsupported Flash helpers. */
#content { min-height: 560px; }
.fontsizer button { border: 0; background: transparent; font: inherit; padding: 2px 4px; color: #4c8ebe; cursor: pointer; }
.fontsizer button:hover { color: #397629; }
a:focus-visible, button:focus-visible { outline: 2px solid #4c8ebe; outline-offset: 2px; }
.offline-map { padding: 14px; background: #e5e5e5; }
@media (max-width: 800px) {
  #root { width: 100%; background-size: auto; }
  #logo { width: 75%; height: auto; aspect-ratio: 3; background-size: 100% 100%; }
  #logo img { width: 100%; height: auto; }
  #root > .image:first-of-type { width: 25%; height: auto; }
  #root > .image:first-of-type img { width: 100%; height: auto; }
  .fontsizer { float: none; clear: both; width: auto; margin: 0; padding: 8px 12px; }
  #menu { width: 27%; box-sizing: border-box; font-size: .9em; }
  #menu ul li { padding-left: 10px; overflow-wrap: anywhere; }
  #content { width: 73%; box-sizing: border-box; padding: 16px; }
  #content img { max-width: 100%; height: auto; }
  #content table { max-width: 100%; }
  #root > .image, #root > .image_wide { max-width: 100%; height: auto; }
  #root > .image img, #root > .image_wide img { max-width: 100%; height: auto; }
}