/* Базовые настройки: для компьютеров (от 981px и шире) */
.my-cursive {
    font-family: 'Bad Script', cursive;
    font-size: 36px;
    line-height: 1.1;
    text-align: left;
    letter-spacing: 0.5px;   /* минимальное увеличение расстояния между буквами */
}

/* Настройки для планшетов (от 769px до 980px) */
@media (max-width: 980px) and (min-width: 769px) {
    .my-cursive {
        font-size: 28px;
        line-height: 1.15;
        text-align: left;
        letter-spacing: 0.3px;   /* чуть меньше на планшетах */
    }
}

/* Настройки для мобильных телефонов (768px и уже) */
@media (max-width: 768px) {
    .my-cursive {
        font-size: 21px;
        line-height: 1.2;
        text-align: left;
        letter-spacing: 0.2px;   /* минимально на телефонах */
    }
}
</style>