/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */

/* Tablet */
@media (max-width: 992px) {
    section {
        padding: 60px 0;
    }
    .section-title {
        font-size: 2rem;
    }
}

/* Mobile */
@media (max-width: 768px) {
    section {
        padding: 40px 0;
    }
    .section-title {
        font-size: 1.8rem;
    }
    .section-description {
        font-size: 1rem;
    }
    .container {
        padding: 0 16px;
    }
}

/* Small Mobile */
@media (max-width: 576px) {
    section {
        padding: 30px 0;
    }
    .section-title {
        font-size: 1.5rem;
    }
    .container {
        padding: 0 12px;
    }
}