/**
 * Brand V2: responsive.css - Media queries and responsive adjustments.
 */

@media (max-width: 1024px) {
  .brand-v2-container {
    padding-inline: 1.25rem;
  }
}

@media (max-width: 768px) {
  .brand-v2-section {
    padding-block: 3.5rem;
  }
  
  .brand-v2-h1 {
    font-size: 2rem !important;
  }

  .brand-v2-h2 {
    font-size: 1.6rem !important;
  }
}

@media (max-width: 480px) {
  .brand-v2-section {
    padding-block: 2.5rem;
  }
  
  .brand-v2-h1 {
    font-size: 1.75rem !important;
  }

  .btn-brand-primary,
  .btn-brand-secondary {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}