#swMenuBtn { display: none; }

@media screen and (max-width: 1019px) {
  html { -webkit-text-size-adjust: 100%; }
  #page { width: auto !important; max-width: 100%; margin: 0 auto !important; border-left: 0; border-right: 0; box-sizing: border-box; }
  #header { background-size: auto 111px; }
  #footer { padding-left: 8px; padding-right: 8px; }
  #main-copy, #main-copy-dark { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #main-copy img, #main-copy iframe, #main-copy video, #main-copy canvas { max-width: 100%; }
  #main-copy img { height: auto; }
  #main-copy pre { overflow-x: auto; }
}

@media screen and (max-width: 760px) {
  html > body { font-size: 10.5pt; }
  #page { border: 0; }
  #header { height: auto; min-height: 111px; padding-bottom: 6px; }
  .headerTitle { padding-left: 10px; padding-right: 10px; }
  .headerTemp { font-size: 30px; }
  .subHeader { float: none; clear: both; padding: 0 10px; }
  .subHeaderRight { clear: both; float: none; text-align: left; padding: 2px 10px; font-size: 95%; }

  #swMenuBtn { display: block; position: sticky; top: 0; z-index: 9000; width: 100%; margin: 0; padding: 12px 14px; background: #3173B1; color: #fff; font: bold 15px Verdana, Geneva, sans-serif; text-align: left; border: 0; border-bottom: 2px solid #224466; cursor: pointer; box-sizing: border-box; }

  .doNotPrint .leftSideBar { display: none; float: none !important; width: auto !important; clear: both; }
  body.sw-menu-open .doNotPrint .leftSideBar { display: block; }
  .doNotPrint .leftSideBar p.sideBarTitle:first-child { display: none; }
  #sbnav-root { width: auto; }
  .sbnav-list, .sbnav-sublist { font-size: 15px; }
  .sbnav-list a, .sbnav-toggle, .sbnav-flyout .sbnav-sublist a, .sbnav-flyout .sbnav-toggle { padding: 9px 14px !important; line-height: 1.5; white-space: normal; }
  .sbnav-flyout { position: fixed !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto !important; max-width: none !important; max-height: 65vh; overflow-y: auto; z-index: 10000 !important; border-left: 1px solid #cddbe8; border-top: 4px solid #4f86b8; box-shadow: 0 -4px 14px rgba(0, 0, 0, .35); padding: 0 0 8px 0; box-sizing: border-box; }
  .sbnav-flyout-title { position: sticky; top: 0; background: #eef5fb; margin: 0; padding: 12px 14px; font-size: 15px; cursor: pointer; }
  .sbnav-flyout-title::before { content: "\2039  "; }
  .sbnav-flyout-title::after { content: "   (tap to go back)"; font-weight: normal; font-size: 11px; color: #667; }

  #main-copy, #main-copy-dark { margin-left: 0 !important; border-left: 0 !important; padding-left: 10px !important; padding-right: 10px !important; text-align: left; }
  #main-copy [id$="Map"] { height: 380px !important; }
  #main-copy input[type="text"], #main-copy input[type="search"], #main-copy input[type="email"], #main-copy input[type="date"], #main-copy select, #main-copy textarea { font-size: 16px; max-width: 100%; }
  #main-copy button, #main-copy .ev-btn, #main-copy .si-btn { min-height: 36px; }
  #main-copy .ev-chip { padding: 8px 12px; }
  #main-copy table { max-width: 100%; }
  #main-copy .ux-grid, #main-copy .ev-grid { grid-template-columns: 1fr; }
  #footer { font-size: 100%; }
}

@media screen and (max-width: 480px) {
  .headerTitle a, .headerTitle > a { font-size: 120%; }
  #main-copy h2 { font-size: 120%; }
  #main-copy .ev-stat { flex: 1 1 45%; }
}