/* Phones: the archived Zen theme is a fixed 960px layout. Below 980px the same
   page stacks into one column; desktop stays exactly as archived. */
.node .content img { max-width: 100%; height: auto; }
.node .content a { overflow-wrap: anywhere; }

@media (max-width: 980px) {
  #page-wrapper, #page, #main, #header, #header .section,
  div.region-footer, .region-bottom { width: auto !important; }
  #page { padding: 0 16px; }
  #content, .sidebar-second #content, .two-sidebars #content, .sidebar-first #content,
  .region-sidebar-second {
    float: none !important; width: auto !important;
    margin: 0 !important;
  }
  .with-navigation #content, .with-navigation .region-sidebar-second { margin-top: 0 !important; }
  #main { display: flex; flex-direction: column; }
  #navigation { float: none; width: auto; margin: 0 0 12px; height: auto; order: -1; }
  #main-menu { width: auto; float: none; padding: 0; }
  #navigation ul.links, #navigation .content ul { margin-top: 0; text-align: left; }
  #navigation ul.links li { display: inline-block; padding: 6px 8px 6px 0; }
  #logo { float: none; }
  #logo img { max-width: 180px; height: auto; }
  div#flappi_site_description { margin: 16px auto; }
  #search-block-form .form-text { width: 100%; max-width: 100%; box-sizing: border-box; }
  .node .content table { display: block; overflow-x: auto; }
  div.region-footer { height: auto; padding: 16px; }
  div.footer_column { float: none; width: auto; }
}