/**
 * Foundation Implants — Responsive Breakpoints
 *
 * Shared responsive utilities. Page-specific responsive rules
 * live in their respective templates and parts/header.html.
 *
 * @package foundation-implants
 */

/* ========================================================
   Base — Mobile (< 768px)
   ======================================================== */

/* Typography */
h1, .fi-h1 { font-size: 28px; }
h2, .fi-h2 { font-size: 22px; }
h3, .fi-h3 { font-size: 18px; }

/* ========================================================
   Tablet (>= 768px)
   ======================================================== */
@media (min-width: 768px) {
  h1, .fi-h1 { font-size: 36px; }
  h2, .fi-h2 { font-size: 26px; }
  h3, .fi-h3 { font-size: 20px; }
}

/* ========================================================
   Desktop (>= 1024px)
   ======================================================== */
@media (min-width: 1024px) {
  h1, .fi-h1 { font-size: 42px; }
  h2, .fi-h2 { font-size: 28px; }
  h3, .fi-h3 { font-size: 20px; }
}