main {
  max-width: 45.5em;
}

.site-header {
  margin: auto;
  width: 45.5em;
}

footer {
  width: 100%;
}

/* NOTE: intentionally no .ad-box sizing here. AdFirst Media asked for the
 * legacy ad-box overrides (display:none / fixed widths / aspect-ratio) to be
 * removed — in-page creatives (.in-page-ad / .incontent-ad-container) size
 * themselves via static/css/adfirst.css instead. */

@media (max-width: 45.5em) {
  main {
    margin: 0 auto;
    padding: 0;
  }

  .content {
    padding: 0;
  }

  main .homeSearch {
    display: flex;
  }

  main .homeSearch form {
    width: 100%;
    display: flex;
  }

  main .homeSearch input[type="search"] {
    flex: 1;
    width: 90%;
  }

  footer {
    width: 100%;
  }

  .flex-wrapper {
    display: block;
  }

  .flex-wrapper-left, .flex-wrapper-right {
    width: 100%;
  }
}