@media (max-width: 768px) {
    .section-hero-2 .typewriter h1 {
        animation: none;
        border-right: 0;
        white-space: normal;
        width: auto;
    }

    .section-hero-2 .section-hero-title {
        font-size: 42px !important;
        line-height: 1.15;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 480px) {
    .section-hero-2 .section-hero-title {
        font-size: 34px !important;
    }
}

@media (max-width: 390px) {
    .section-hero-2 .section-hero-title {
        font-size: 30px !important;
    }
}