@media (min-width: 768px) {
  .main-nav ul { display: flex !important; }
  .nav-toggle { display: none !important; }
  .brand-text { font-size: 40px; }
  .home-box { min-height: 520px; }
}

@media (min-width: 1024px) {
  .box-grid { grid-template-columns: repeat(4, 1fr); }
  .home-cols { grid-template-columns: repeat(3, 1fr); }
}