/* Additive responsive fixes for the recovered Bootstrap 3 layout. */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
img { max-width: 100%; height: auto; }
#main, #main-col, #main-content, #navbg, #footer { max-width: 100%; }
#main-col.row { margin-left: 0; margin-right: 0; }
.navbar-toggle { border: 1px solid #fff; }
.navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle:before { color: #fff; }
.col-main p { color: #5c6b80; }
.restored-header { padding: 4px 0; }
#footer { padding: 15px; }
#footer .footer_menu { display: flex; flex-wrap: wrap; gap: 10px 18px; padding-left: 0; list-style: none; }
#footer .footer_menu li { margin: 0; padding: 0; }
#footer .footer_menu a { color: #154d8a; }
#main-content table { max-width: 100%; }
#main-content h1 { overflow-wrap: anywhere; }

@media (max-width: 767px) {
  body { overflow-x: hidden; }
  #main { margin-left: 0; margin-right: 0; padding: 16px 10px; }
  #main h1 { font-size: 2.25em; line-height: 1.15; }
  #main-col.row [class*="col-"] { margin-bottom: 0; padding-bottom: 15px; }
  #main-col.row { overflow: visible; }
  #main-content { min-height: 0; overflow-wrap: anywhere; }
  #navbg { margin-bottom: 0; }
  #footer { margin-left: 0; margin-right: 0; padding: 10px; }
  .footer_menu ul { padding-left: 0; }
  .footer_menu ul li { margin: 4px 8px 4px 0; }
}