/* ==========================================================================
   AlgoHub SMC - Responsive Overrides
   File: responsive.css
   ========================================================================== */

/* Large screens (lg) - 992px to 1199px */
@media (max-width: 1199px) {
  .section-title { font-size: 2.25rem; }
}

/* Medium screens (md) - 768px to 991px */
@media (max-width: 991px) {
  .section-padding { padding: 4rem 0; }
  
  .display-1 { font-size: 3.5rem; }
  .display-2 { font-size: 3rem; }
  .section-title { font-size: 2rem; }
  
  .navbar-collapse {
    background: var(--white);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    margin-top: 1rem;
    border: 1px solid var(--border);
  }
}

/* Small screens (sm) - 576px to 767px */
@media (max-width: 767px) {
  .section-padding { padding: 3rem 0; }
  
  .display-1 { font-size: 2.5rem; }
  .display-2 { font-size: 2.25rem; }
  .section-title { font-size: 1.75rem; }
  
  .btn-lg {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  
  .hero-section {
    text-align: center;
  }
  
  .hero-section .d-flex {
    justify-content: center;
  }
}