/* Estilos para pantallas muy pequeñas (menos de 576px, como celulares en posición vertical) */
@media only screen and (max-width: 575.98px) {
    h1 {
        font-size: 16px !important;
    }

    h2 {
        font-size: 15px !important;
    }

    h3 {
        font-size: 14px !important;
    }

    h4 {
        font-size: 13px !important;
    }

    h5 {
        font-size: 13px !important;
    }

    h6 {
        font-size: 13px !important;
    }

    txt6 {
        font-size: 12px !important;
    }

    txt5 {
        font-size: 11px !important;
    }

    txt4 {
        font-size: 12px !important;
    }

    txt3 {
        font-size: 11px !important;
    }

    txt2 {
        font-size: 11px !important;
    }

    txt1 {
        font-size: 10px !important;
    }
}

/* Estilos para pantallas pequeñas (de 576px a 767.98px, como celulares en posición horizontal o tablets) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    h1 {
        font-size: 16px !important;
    }

    h2 {
        font-size: 15px !important;
    }

    h3 {
        font-size: 14px !important;
    }

    h4 {
        font-size: 13px !important;
    }

    h5 {
        font-size: 13px !important;
    }

    h6 {
        font-size: 13px !important;
    }

    txt6 {
        font-size: 12px !important;
    }

    txt5 {
        font-size: 11px !important;
    }

    txt4 {
        font-size: 12px !important;
    }

    txt3 {
        font-size: 11px !important;
    }

    txt2 {
        font-size: 11px !important;
    }

    txt1 {
        font-size: 10px !important;
    }
}

/* Estilos para pantallas medianas (de 768px a 991.98px, como tablets en posición horizontal o laptops) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    h4 {
        font-size: 18px !important;
    }

    h5 {
        font-size: 16px !important;
    }

    h6 {
        font-size: 15px !important;
    }

    txt6 {
        font-size: 14px !important;
    }

    txt5 {
        font-size: 13px !important;
    }

    txt4 {
        font-size: 12px !important;
    }

    txt3 {
        font-size: 12px !important;
    }

    txt2 {
        font-size: 11px !important;
    }

    txt1 {
        font-size: 10px !important;
    }
}

/* Estilos para pantallas grandes (de 992px a 1199.98px, como laptops de mayor tamaño) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    h4 {
        font-size: 18px !important;
    }

    h5 {
        font-size: 16px !important;
    }

    h6 {
        font-size: 15px !important;
    }

    txt6 {
        font-size: 14px !important;
    }

    txt5 {
        font-size: 13px !important;
    }

    txt4 {
        font-size: 12px !important;
    }

    txt3 {
        font-size: 12px !important;
    }

    txt2 {
        font-size: 11px !important;
    }

    txt1 {
        font-size: 10px !important;
    }
}

/* Estilos para pantallas extra grandes (1200px a 1399.98px) */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 34px !important;
    }

    h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 24px !important;
    }

    h5 {
        font-size: 22px !important;
    }

    h6 {
        font-size: 20px !important;
    }

    txt6 {
        font-size: 18px !important;
    }

    txt5 {
        font-size: 17px !important;
    }

    txt4 {
        font-size: 16px !important;
    }

    txt3 {
        font-size: 15px !important;
    }

    txt2 {
        font-size: 14px !important;
    }

    txt1 {
        font-size: 12px !important;
    }
}

/* Estilos para pantallas de 1400px o más */
@media only screen and (min-width: 1400px) {
    h1 {
        font-size: 40px !important;
    }

    h2 {
        font-size: 34px !important;
    }

    h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 24px !important;
    }

    h5 {
        font-size: 22px !important;
    }

    h6 {
        font-size: 20px !important;
    }

    txt6 {
        font-size: 18px !important;
    }

    txt5 {
        font-size: 17px !important;
    }

    txt4 {
        font-size: 16px !important;
    }

    txt3 {
        font-size: 15px !important;
    }

    txt2 {
        font-size: 14px !important;
    }

    txt1 {
        font-size: 12px !important;
    }
}