/* ================================================================
   Responsive / Media Queries
   Breakpoints: 1024px (tablet), 768px (mobile), 420px (small).
   Most responsive rules live inside their respective component CSS
   files. This file is for any global responsive overrides.
   ================================================================ */

@media (max-width: 1024px) {
  /* Tablet overrides */
}

@media (max-width: 768px) {
  /* Mobile overrides */
}

@media (max-width: 420px) {
  /* Small screen overrides */
}