.fz-26{
    font-size: 26px;
    line-height: 30px;
}

.fz-24{
    font-size: 24px;
    line-height: 28px;
}

.fz-22{
    font-size: 22px;
    line-height: 26px;
}

.fz-20{
    font-size: 20px;
    line-height: 24px;
}

.fz-38{
    font-size: 38px;
    line-height: 42px;
}

@media (min-width: 1200px) and (max-width: 1300px) {

    .fz-26{
        font-size: 24px;
        line-height: 28px;
    }

    .fz-24{
        font-size: 22px;
        line-height: 26px;
    }

    .fz-22{
        font-size: 20px;
        line-height: 24px;
    }

    .fz-20 {
        font-size: 18px;
        line-height: 22px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .fz-26{
        font-size: 20px;
        line-height: 24px;
    }

    .fz-24 {
        font-size: 18px;
        line-height: 22px;
    }

    .fz-22{
        font-size: 18px;
        line-height: 22px;
    }

    .fz-20 {
        font-size: 16px;
        line-height: 20px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .fz-26 {
        font-size: 20px;
        line-height: 24px;
    }

    .fz-24 {
        font-size: 18px;
        line-height: 22px;
    }

    .fz-22{
        font-size: 16px;
        line-height: 20px;
    }

    .fz-20 {
        font-size: 14px;
        line-height: 18px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .fz-26{
        font-size: 24px;
        line-height: 28px;
    }

    .fz-24 {
        font-size: 22px;
        line-height: 26px;
    }

    .fz-22{
        font-size: 20px;
        line-height: 24px;
    }

    .fz-20 {
        font-size: 18px;
        line-height: 22px;
    }

    .fz-38{
        font-size: 34px;
        line-height: 38px;
    }

}

@media screen and (max-width: 575px){

    .fz-26{
        font-size: 4.174vw;
        line-height: 4.870vw;
    }

    .fz-24 {
        font-size: 3.826vw;
        line-height: 4.522vw;
    }

    .fz-22{
        font-size: 3.478vw;
        line-height: 4.174vw;
    }

    .fz-20 {
        font-size: 3.130vw;
        line-height: 3.826vw;
    }

    .fz-38{
        font-size: 5.913vw;
        line-height: 6.609vw;
    }

}

@media (min-width: 480px) and (max-width: 575px) {

}

/* Iphone 6 Plus */
@media (min-width:414px) and (max-width: 479px) {

}

/* Iphone 6 */
@media (min-width:375px) and (max-width: 413px) {

}

@media (min-width:300px) and (max-width: 374px) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 568px) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 568px) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 568px) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 568px) and (max-width: 768px) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 480px) and (max-width: 567px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 480px) and (max-width: 567px),
only screen and (min-resolution: 192dpi) and (min-width: 480px) and (max-width: 567px),
only screen and (min-resolution: 2dppx) and (min-width: 480px) and (max-width: 567px) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width:300px) and (max-width: 479px),
only screen and (min-device-pixel-ratio: 2) and (min-width:300px) and (max-width: 479px),
only screen and (min-resolution: 192dpi) and (min-width:300px) and (max-width: 479px),
only screen and (min-resolution: 2dppx) and (min-width:300px) and (max-width: 479px) {}