Responsive text used in WP App Studio apps

WPAS Responsive Text

/* Large desktops and laptops */
@media (min-width: 1200px) {
div.emd-container .textHuge {
    font-size: 110px !important;
    line-height: normal;
}

div.emd-container .textxxLarge {
    font-size: 60px !important;
    line-height: normal;
}

div.emd-container .textxLarge {
    font-size: 40px !important;
    line-height: normal;
}

div.emd-container .textLarge {
    font-size: 36px !important;
    line-height: normal;
}

div.emd-container .textxxMedium {
    font-size: 26px !important;
    line-height: normal;
}

div.emd-container .textxMedium {
    font-size: 18px !important;
    line-height: normal;
}

div.emd-container .textMedium {
    font-size: 16px !important;
    line-height: normal;
}

div.emd-container .textRegular {
    font-size: 14px !important;
    line-height: normal;
}

div.emd-container .textSmall {
    font-size: 11px !important;
    line-height: normal;
}

div.emd-container .textMini {
    font-size: 9px !important;
    line-height: normal;
}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
div.emd-container .textHuge {
    font-size: 77px !important;
    line-height: normal;
}

div.emd-container .textxxLarge {
    font-size: 42px !important;
    line-height: normal;
}

div.emd-container .textxLarge {
    font-size: 28px !important;
    line-height: normal;
}

div.emd-container .textLarge {
    font-size: 26px !important;
    line-height: normal;
}

div.emd-container .textxxMedium {
    font-size: 18px !important;
    line-height: normal;
}

div.emd-container .textxMedium {
    font-size: 16px !important;
    line-height: normal;
}

div.emd-container .textMedium {
    font-size: 14px !important;
    line-height: normal;
}

div.emd-container .textRegular {
    font-size: 12px !important;
    line-height: normal;
}

div.emd-container .textSmall {
    font-size: 11px !important;
    line-height: normal;
}

div.emd-container .textMini {
    font-size: 9px !important;
    line-height: normal;
}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
div.emd-container .textHuge {
    font-size: 54px !important;
    line-height: normal;
}

div.emd-container .textxxLarge {
    font-size: 30px !important;
    line-height: normal;
}

div.emd-container .textxLarge {
    font-size: 22px !important;
    line-height: normal;
}

div.emd-container .textLarge {
    font-size: 18px !important;
    line-height: normal;
}

div.emd-container .textxxMedium {
    font-size: 16px !important;
    line-height: normal;
}

div.emd-container .textxMedium {
    font-size: 14px !important;
    line-height: normal;
}

div.emd-container .textMedium {
    font-size: 12px !important;
    line-height: normal;
}

div.emd-container .textRegular {
    font-size: 12px !important;
    line-height: normal;
}

div.emd-container .textSmall {
    font-size: 11px !important;
    line-height: normal;
}

div.emd-container .textMini {
    font-size: 9px !important;
    line-height: normal;
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
div.emd-container .textHuge {
    font-size: 38px !important;
    line-height: normal;
}

div.emd-container .textxxLarge {
    font-size: 24px !important;
    line-height: normal;
}

div.emd-container .textxLarge {
    font-size: 22px !important;
    line-height: normal;
}

div.emd-container .textLarge {
    font-size: 18px !important;
    line-height: normal;
}

div.emd-container .textxxMedium {
    font-size: 16px !important;
    line-height: normal;
}

div.emd-container .textxMedium {
    font-size: 14px !important;
    line-height: normal;
}

div.emd-container .textMedium {
    font-size: 12px !important;
    line-height: normal;
}

div.emd-container .textRegular {
    font-size: 12px !important;
    line-height: normal;
}

div.emd-container .textSmall {
    font-size: 11px !important;
    line-height: normal;
}

div.emd-container .textMini {
    font-size: 9px !important;
    line-height: normal;
}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
div.emd-container .textHuge {
    font-size: 32px !important;
    line-height: normal;
}

div.emd-container .textxxLarge {
    font-size: 22px !important;
    line-height: normal;
}

div.emd-container .textxLarge {
    font-size: 20px !important;
    line-height: normal;
}

div.emd-container .textLarge {
    font-size: 16px !important;
    line-height: normal;
}

div.emd-container .textxxMedium {
    font-size: 14px !important;
    line-height: normal;
}

div.emd-container .textxMedium {
    font-size: 13px !important;
    line-height: normal;
}

div.emd-container .textMedium {
    font-size: 11px !important;
    line-height: normal;
}

div.emd-container .textRegular {
    font-size: 10px !important;
    line-height: normal;
}

div.emd-container .textSmall {
    font-size: 9px !important;
    line-height: normal;
}

div.emd-container .textMini {
    font-size: 8px !important;
    line-height: normal;
}
}

/* font style */
div.emd-container .font-bold {
    font-weight: bold;
}

div.emd-container .font-oblique {
    font-style: oblique;
}

div.emd-container .font-italic {
    font-style: italic;
}

div.emd-container .font-normal {
    font-style: normal;
}

/* font decoration */
div.emd-container .text-line-through {
    text-decoration: line-through;
}

div.emd-container .text-overline {
    text-decoration: overline;
}

div.emd-container .text-underline {
    text-decoration: underline;
}

div.emd-container .text-undernone {
    text-decoration: none;
}