@media (min-width: 768px) {
  .brand-logo { width: 14rem; height: 4rem; }
  .section { padding: 6rem 0; }
  .timeline { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .timeline-card { border-left: 0; border-top: .3rem solid var(--cdl-green); }
  .mobile-cta { display: none; }
  .footer-legal { flex-direction: row; text-align: center; }
  .regulation-panel { flex-direction: row; padding: 2rem; }
  .registration-card { flex-direction: row; padding: 2.25rem; }
  .contact-help-panel, .page-footer-main { flex-direction: row; align-items: center; }
}
@media (max-width: 575.98px) {
  .container { width: 100%; padding-right: 1rem; padding-left: 1rem; }
  .hero .row { margin-right: 0; margin-left: 0; }
  .hero .row > * { padding-right: 0; padding-left: 0; }
  .hero-panel { padding: 1.35rem; }
}
@media (min-width: 992px) {
  :root { --header-height: 5.25rem; }
  .brand-logo { width: 17rem; height: 4.5rem; }
  .hero { padding: 6rem 0; }
  .timeline { grid-template-columns: repeat(4, 1fr); }
  .offcanvas-lg { visibility: visible !important; position: static; transform: none; border: 0; }
  .footer-cdl-column { align-items: flex-end; }
  .footer-social { justify-content: flex-end; }
}