/* Base heading sizes */
section h1 {
    font-size: 2rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Preserve the hero section's specific sizing with better mobile responsiveness */
section.hero h1.hero-title {
    font-size: clamp(2rem, 6vw, 6rem);
    max-width: 100%;
    padding: 0 1rem;
}

/* Responsive adjustments for all headings */
@media screen and (max-width: 768px) {
    section h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
    
    h4 {
        font-size: 1.1rem;
    }
}

/* Additional container fixes for mobile */
@media screen and (max-width: 480px) {
    section h1 {
        font-size: 1.5rem;
    }
    
    section.hero h1.hero-title {
        font-size: clamp(1.75rem, 5vw, 2.5rem);
    }
    
    .section-container,
    .features-container,
    .contact-container {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }
}