/* =========================================================
   THE DINKIN PROJECT — GLOBAL RESPONSIVE FINE-TUNING
   Small, cross-cutting rules that don't belong in one
   page-specific stylesheet. Linked last, after style.css.
   ========================================================= */

@media (max-width:575px){
  .hero h1{ font-size:32px; }
  .section-title{ font-size:26px; }
  .plan-card{ padding:26px 20px; }
  .navbar-nav .btn{ font-size:14px; }
}

@media (max-width:400px){
  .hero-tag, .chip{ font-size:11px; padding:6px 12px; }
}