.th1 {
    font-size: 32px;
    line-height: 112%;
    font-family: Helvetica, serif;
}
.th2 {
    font-size: 28px;
    line-height: 112%;
    font-family: Helvetica, serif;
}
.th3 {
    font-size: 22px;
    line-height: 112%;
    font-family: Helvetica, serif;
}
.th4 {
    font-size: 20px;
    line-height: 112%;
    font-family: Helvetica, serif;
}
.tp1 {
    font-size: 18px;
    line-height: 120%;
    font-family: Verdana, serif;
}
.tp2 {
    font-size: 16px;
    line-height: 120%;
    font-family: Verdana, serif;
}
.tp3 {
    font-size: 14px;
    line-height: 120%;
    font-family: Verdana, serif;
}
.tp4 {
    font-size: 12px;
    line-height: 120%;
    font-family: Verdana, serif;
}

@media screen and (min-width: 758px) {
    .th1 {
        font-size: 42px;
    }
    .th2 {
        font-size: 36px;
    }
    .th3 {
        font-size: 30px;
    }
    .th4 {
        font-size: 24px;
    }
    .tp1 {
        font-size: 20px;
    }
    /* .tp2 {
      font-size: 18px;
    }
    .tp3 {
      font-size: 14px;
    }
    .tp4 {
      font-size: 12px;
    } */
}