/* Responsive tweaks for The Madison County Observer.
   The page layout is desktop-first inline styles; this file only
   overrides what breaks or reads poorly on small screens. */

html, body {
  overflow-x: hidden;
}

@media (max-width: 640px) {
  .mco-title {
    font-size: 34px !important;
    letter-spacing: 0.5px !important;
  }

  .mco-nav {
    gap: 14px !important;
    font-size: 11px !important;
    padding: 10px 0 !important;
  }

  .mco-dateline {
    flex-wrap: wrap;
    gap: 4px;
  }

  .mco-headline {
    font-size: 26px !important;
  }

  .mco-hero {
    height: 220px !important;
  }

  .mco-card-img {
    height: 170px !important;
  }

  main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 400px) {
  .mco-title {
    font-size: 28px !important;
  }
}