/* Responsive fixes for the archived Blogger templates */
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
.post-body, .entry-content, .widget-content { overflow-wrap: break-word; word-wrap: break-word; }
.post-body table { max-width: 100%; }

@media (max-width: 960px) {
  /* Legacy "Simple" template: collapse fixed widths and the sidebar column */
  html, body { min-width: 0 !important; overflow-x: hidden; }
  .content-outer, .content-fauxcolumn-outer, .region-inner,
  .header-outer, .tabs-outer, .main-outer, .footer-outer {
    min-width: 0 !important; max-width: 100% !important; width: auto !important;
  }
  .content-inner { padding: 10px 0 !important; }
  .region-inner, .main-inner, .header-inner, .tabs-inner, .footer-inner {
    padding-left: 12px !important; padding-right: 12px !important;
  }
  .main-inner .columns { padding-left: 0 !important; padding-right: 0 !important; }
  .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer,
  .fauxcolumns, .body-fauxcolumns, .content-fauxcolumns { display: none !important; }
  .main-inner .column-center-outer, .main-inner .column-center-inner,
  .main-inner .column-left-outer, .main-inner .column-right-outer {
    float: none !important; width: 100% !important; margin: 0 !important; position: static !important;
  }
  .main-inner .column-left-inner, .main-inner .column-right-inner,
  .main-inner .column-center-inner { padding: 0 !important; }
  .column-right-outer, .column-left-outer { margin-top: 24px !important; }
  .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper {
    margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  .Header h1 { font-size: 32px !important; line-height: 1.2 !important; }
  .Header img { max-width: 100% !important; height: auto !important; }
  #header-inner { background-size: cover !important; }
  .tabs-inner .widget ul { padding: 0 !important; }
  .tabs-inner .widget li { float: none !important; display: inline-block; }
  .tabs-inner .widget li a { padding: .5em .75em !important; }
  .section-columns, .section-columns tbody, .section-columns tr, .section-columns td.columns-cell {
    display: block !important; width: 100% !important;
  }
  .post-body table, .post-body tbody, .post-body tr { width: 100% !important; }
  .post-body td { width: auto !important; }
  .post-body img, .separator a { margin-left: 0 !important; margin-right: 0 !important; float: none !important; }
  .post-body [style*="width"] { max-width: 100% !important; }
  #navbar, .navbar { display: none !important; }
  pre { white-space: pre-wrap; }
}
