/* Responsive Typography Styles */

@media (max-width: 768px) {
    /* Headings */
    h1, .h1 {
        font-size: 2rem !important; /* 32px */
    }

    h2, .h2 {
        font-size: 1.75rem !important; /* 28px */
    }

    h3, .h3 {
        font-size: 1.5rem !important; /* 24px */
    }

    h4, .h4 {
        font-size: 1.25rem !important; /* 20px */
    }

    h5, .h5 {
        font-size: 1.125rem !important; /* 18px */
    }

    h6, .h6 {
        font-size: 1rem !important; /* 16px */
    }

    /* Paragraphs */
    p {
        font-size: 0.9375rem !important; /* 15px */
        line-height: 1.5 !important;
    }

    /* Display classes */
    .display-1 {
        font-size: 2.5rem !important; /* 40px */
    }

    .display-2 {
        font-size: 2.25rem !important; /* 36px */
    }

    .display-3 {
        font-size: 2rem !important; /* 32px */
    }

    .display-4 {
        font-size: 1.75rem !important; /* 28px */
    }

    /* Lead paragraphs */
    .lead {
        font-size: 1.125rem !important; /* 18px */
    }
    
    /* Slide element text */
    .qodef-slide-element-text,
    .qodef-slider-text,
    .qodef-slide-text,
    .qodef-slider-content-inner,
    .qodef-slider-subtitle,
    .qodef-slide-subtitle,
    .qodef-slider-text-container p {
        font-size: 0.875rem !important; /* 14px */
        line-height: 1.4 !important;
    }

    .qodef-slider-title,
    .qodef-slide-title {
        font-size: 20px !important; /* 28px */
        line-height: 1.3 !important;
    }
}

/* Even smaller screens */
@media (max-width: 576px) {
    h1, .h1 {
        font-size: 23px !important; /* 28px */
    }

    h2, .h2 {
        font-size: 1.5rem !important; /* 24px */
    }

    h3, .h3 {
        font-size: 1.25rem !important; /* 20px */
    }

    h4, .h4 {
        font-size: 1.125rem !important; /* 18px */
    }

    h5, .h5 {
        font-size: 1rem !important; /* 16px */
    }

    h6, .h6 {
        font-size: 0.9375rem !important; /* 15px */
    }

    p {
        font-size: 0.875rem !important; /* 14px */
    }
    .slider-text-small{
        font-size: 15px !important;
    }

    .display-1 {
        font-size: 2.25rem !important; /* 36px */
    }

    .display-2 {
        font-size: 2rem !important; /* 32px */
    }

    .display-3 {
        font-size: 1.75rem !important; /* 28px */
    }

    .display-4 {
        font-size: 1.5rem !important; /* 24px */
    }

    .lead {
        font-size: 1rem !important; /* 16px */
    }
    
    /* Slide element text - even smaller on mobile */
    .qodef-slide-element-text,
    .qodef-slider-text,
    .qodef-slide-text,
    .qodef-slider-content-inner,
    .qodef-slider-subtitle,
    .qodef-slide-subtitle,
    .qodef-slider-text-container p {
        font-size: 0.75rem !important; /* 12px */
        line-height: 1.3 !important;
    }

    .qodef-slider-title,
    .qodef-slide-title {
        font-size: 20px !important; /* 24px */
        line-height: 1.2 !important;
    }
}