@media (max-width: 600px) {
    .responsive-text.mud-typography-h1 {
        font-size: calc(var(--mud-typography-h1-size) * 0.8) !important;
    }
}

@media (max-width: 600px) {
    .responsive-text.mud-typography-h2 {
        font-size: calc(var(--mud-typography-h2-size) * 0.8) !important;
    }
}

@media (max-width: 600px) {
    .responsive-text.mud-typography-h3 {
        font-size: calc(var(--mud-typography-h3-size) * 0.8) !important;
    }
}

@media (max-width: 600px) {
    .responsive-text.mud-typography-h4 {
        font-size: calc(var(--mud-typography-h4-size) * 0.8) !important;
    }
}

@media (max-width: 600px) {
    .responsive-text.mud-typography-h5 {
        font-size: calc(var(--mud-typography-h5-size) * 0.8) !important;
    }
}

@media (max-width: 600px) {
    .responsive-text.mud-typography-h6 {
        font-size: calc(var(--mud-typography-h6-size) * 0.8) !important;
    }
}