.heroText h1 {
    font-size: 3rem; /* Глобално намаляване на размера на текста за мобилни устройства */
    text-align: left;
    word-break: keep-all; /* Избягва пренасянето на отделни думи */
}
.mb-4{
    text-align: left;
}
.animated-info {
    display: inline-block; /* Осигурява разстояние надясно без пренасяне */
}

.animated-item {
    white-space: nowrap; /* Задържа текста на един ред */
}
.heroLinks{
    margin-left: -13%;
}
.contact-email {
    font-size: 1.2rem; /* Същият размер като телефоните */
    display: inline-block; /* За да се подравни с останалия текст */
    margin-top: 5px; /* Регулира разстоянието отгоре */
    text-align: left; /* Запазва позицията си */
}

.contact-phone {
    font-size: 1.2rem; /* Същият размер като e-mail */
}

@media (max-width: 768px) {
    .heroText h1 {
        
        font-size: 2rem; /* Намалява текста още повече за мобилни устройства */
    }

    .heroLinks {
        margin-left:0;
        flex-direction: column; /* Променя подравняването на връзките за малки екрани */
        text-align: left;
    }

    .contact-phone,
    .contact-email {
        text-align: left; /* Центрира текстовете на мобилни устройства */
    }
    .contact-phone{
        padding-top: 3%;
    }
}