/* 
 * AntiGravity AI Agency - Responsive Stylesheet
 * Media queries mapping for tablet, mobile, and wide viewport.
 */

@media (max-width: 1024px) {
  html {
    font-size: 15px;
  }
  
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .burger {
    display: block;
  }
  
  .nav-links, .header-actions {
    display: none;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 480px) {
  .btn {
    width: 100%;
  }
}