/* Responsive overrides for football.css */
@media (max-width: 1024px) {
  .game {
    width: 48% !important;
    float: none !important;
    margin: 1% auto !important;
    display: block !important;
  }
  .half, .third {
    width: 98% !important;
    float: none !important;
    margin: 1% auto !important;
    display: block !important;
  }
  #top25left, #top25right {
    font-size: 0.9em !important;
    padding: 0.2em !important;
  }
}
@media (max-width: 700px) {
  .game, .half, .third {
    width: 98% !important;
    float: none !important;
    margin: 1% auto !important;
    display: block !important;
  }
  #mainNav ul {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #mainNav li {
    display: block !important;
    margin: 0.5em 0 !important;
  }
  .center, .articles {
    padding: 0.5em !important;
    max-width: 100% !important;
  }
  #top25left, #top25right {
    position: static !important;
    width: 100% !important;
    border-radius: 1em !important;
    margin-bottom: 1em !important;
    font-size: 1em !important;
  }
}
@media (max-width: 480px) {
  body, html {
    font-size: 14px !important;
  }
  .game, .half, .third {
    width: 100% !important;
    margin: 0.5em 0 !important;
    padding: 0.5em !important;
  }
  #mainNav ul {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
  }
  #mainNav li {
    display: block !important;
    margin: 0.2em 0 !important;
  }
  .center, .articles {
    padding: 0.2em !important;
    max-width: 100% !important;
  }
  #top25left, #top25right {
    position: static !important;
    width: 100% !important;
    border-radius: 0.5em !important;
    margin-bottom: 0.5em !important;
    font-size: 1em !important;
  }
  header#header, nav#mainNav {
    padding: 0.2em !important;
  }
}