/* Remove drop shadow from hero h1 */
.hero-tagline {
    text-shadow: none;
    /* Prevent hyphenation in headlines */
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    word-break: keep-all;
    overflow-wrap: normal;
}

/* Responsive typography for different screen sizes */
/* Extra large screens */
@media (min-width: 1440px) {
    .hero-tagline {
        font-size: 120px; /* Very large font size for big screens */
    }
    
    .hero-description {
        font-size: 28px; /* Increased description text size for balance */
        max-width: 900px; /* Wider container for the larger text */
    }
}

/* Large screens */
@media (min-width: 1200px) and (max-width: 1439px) {
    .hero-tagline {
        font-size: 100px; /* Large font size for large screens */
    }
    
    .hero-description {
        font-size: 26px;
        max-width: 800px;
    }
}