.font200{font-size:2rem;}
.font180{font-size:1.8rem;}
.font120{font-size:1.2rem;}
.font100{font-size:1rem;}
.font90{font-size:.9rem;}
.font80{font-size:.8rem}
.font70{font-size:.7rem}
.font68{font-size:.68rem;}
.font60{font-size:.6rem;}
.font56{font-size:.56rem;}
.font55{font-size:.55rem;}
.font50{font-size:.5rem;}
.font48{font-size:.48rem;}
.font46{font-size:.46rem;}
.font45{font-size:.45rem;}
.font44{font-size:.44rem;}
.font42{font-size:.42rem;}
.font40{font-size:.4rem;}
.font36{font-size:.36rem;}
.font35{font-size:.35rem;}
.font34{font-size:.34rem;}
.font32{font-size:.32rem}
.font30{font-size:.3rem;}
.font28{font-size:.28rem;}
.font26{font-size:.26rem;}
.font25{font-size:.25rem;}
.font24{font-size:.24rem;}
.font22{font-size:.22rem;}
.font20{font-size:.2rem;}

.font18{font-size:.18rem;}
.font16{font-size:.16rem;}
.font15{font-size:.15rem;}
.font14{font-size:.14rem;}
.font12{font-size:.12rem;}

.font14_px{font-size:.14rem;}
.font16_px{font-size:.16rem;}
.font18_px{font-size:.18rem;}
.font20_px{font-size:.2rem;}
.font22_px{font-size:.22rem;}
.font24_px{font-size:.24rem;}

.pt1{padding-top:.1rem;}
.pt2{padding-top:.2rem;}
.pt3{padding-top:.3rem;}
.pt4{padding-top:.4rem;}
.pt5{padding-top:.5rem;}
.pt6{padding-top:.6rem;}
.pt7{padding-top:.7rem;}
.pt8{padding-top:.8rem;}
.pt9{padding-top:.9rem;}
.pt10{padding-top:1rem;}
.pt11{padding-top:1.1rem;}
.pt12{padding-top:1.2rem;}
.pt13{padding-top:1.3rem;}
.pt14{padding-top:1.4rem;}
.pt15{padding-top:1.5rem;}


.pb1{padding-bottom:.1rem;}
.pb2{padding-bottom:.2rem;}
.pb3{padding-bottom:.3rem;}
.pb4{padding-bottom:.4rem;}
.pb5{padding-bottom:.5rem;}
.pb6{padding-bottom:.6rem;}
.pb7{padding-bottom:.7rem;}
.pb8{padding-bottom:.8rem;}
.pb9{padding-bottom:.9rem;}
.pb10{padding-bottom:1rem;}
.pb11{padding-bottom:1.1rem;}
.pb12{padding-bottom:1.2rem;}
.pb13{padding-bottom:1.3rem;}
.pb14{padding-bottom:1.4rem;}
.pb15{padding-bottom:1.5rem;}

.pl1{padding-left:.1rem;}
.pl2{padding-left:.2rem;}
.pl3{padding-left:.3rem;}
.pl4{padding-left:.4rem;}
.pl5{padding-left:.5rem;}
.pl6{padding-left:.6rem;}
.pl7{padding-left:.7rem;}
.pl8{padding-left:.8rem;}
.pl9{padding-left:.9rem;}
.pl10{padding-left:1rem;}
.pl11{padding-left:1.1rem;}
.pl12{padding-left:1.2rem;}
.pl13{padding-left:1.3rem;}
.pl14{padding-left:1.4rem;}
.pl15{padding-left:1.5rem;}

.pr1{padding-right:.1rem;}
.pr2{padding-right:.2rem;}
.pr3{padding-right:.3rem;}
.pr4{padding-right:.4rem;}
.pr5{padding-right:.5rem;}
.pr6{padding-right:.6rem;}
.pr7{padding-right:.7rem;}
.pr8{padding-right:.8rem;}
.pr9{padding-right:.9rem;}
.pr10{padding-right:1rem;}
.pr11{padding-right:1.1rem;}
.pr12{padding-right:1.2rem;}
.pr13{padding-right:1.3rem;}
.pr14{padding-right:1.4rem;}
.pr15{padding-right:1.5rem;}


.pall1{padding:.1rem;}
.pall2{padding:.2rem;}
.pall3{padding:.3rem;}
.pall4{padding:.4rem;}
.pall5{padding:.5rem;}
.pall6{padding:.6rem;}
.pall7{padding:.7rem;}
.pall8{padding:.8rem;}
.pall9{padding:.9rem;}
.pall10{padding:1rem;}
.pall11{padding:1.1rem;}
.pall12{padding:1.2rem;}
.pall13{padding:1.3rem;}
.pall14{padding:1.4rem;}
.pall15{padding:1.5rem;}


.mt1{margin-top:.1rem;}
.mt2{margin-top:.2rem;}
.mt3{margin-top:.3rem;}
.mt4{margin-top:.4rem;}
.mt5{margin-top:.5rem;}
.mt6{margin-top:.6rem;}
.mt7{margin-top:.7rem;}
.mt8{margin-top:.8rem;}
.mt9{margin-top:.9rem;}
.mt10{margin-top:1rem;}
.mt11{margin-top:1.1rem;}
.mt12{margin-top:1.2rem;}
.mt13{margin-top:1.3rem;}
.mt14{margin-top:1.4rem;}
.mt15{margin-top:1.5rem;}


.mb1{margin-bottom:.1rem;}
.mb2{margin-bottom:.2rem;}
.mb3{margin-bottom:.3rem;}
.mb4{margin-bottom:.4rem;}
.mb5{margin-bottom:.5rem;}
.mb6{margin-bottom:.6rem;}
.mb7{margin-bottom:.7rem;}
.mb8{margin-bottom:.8rem;}
.mb9{margin-bottom:.9rem;}
.mb10{margin-bottom:1rem;}
.mb11{margin-bottom:1.1rem;}
.mb12{margin-bottom:1.2rem;}
.mb13{margin-bottom:1.3rem;}
.mb14{margin-bottom:1.4rem;}
.mb15{margin-bottom:1.5rem;}

.ml1{margin-left:.1rem;}
.ml2{margin-left:.2rem;}
.ml3{margin-left:.3rem;}
.ml4{margin-left:.4rem;}
.ml5{margin-left:.5rem;}
.ml6{margin-left:.6rem;}
.ml7{margin-left:.7rem;}
.ml8{margin-left:.8rem;}
.ml9{margin-left:.9rem;}
.ml10{margin-left:1rem;}
.ml11{margin-left:1.1rem;}
.ml12{margin-left:1.2rem;}
.ml13{margin-left:1.3rem;}
.ml14{margin-left:1.4rem;}
.ml15{margin-left:1.5rem;}

.mr1{margin-right:.1rem;}
.mr2{margin-right:.2rem;}
.mr3{margin-right:.3rem;}
.mr4{margin-right:.4rem;}
.mr5{margin-right:.5rem;}
.mr6{margin-right:.6rem;}
.mr7{margin-right:.7rem;}
.mr8{margin-right:.8rem;}
.mr9{margin-right:.9rem;}
.mr10{margin-right:1rem;}
.mr11{margin-right:1.1rem;}
.mr12{margin-right:1.2rem;}
.mr13{margin-right:1.3rem;}
.mr14{margin-right:1.4rem;}
.mr15{margin-right:1.5rem;}

.gh1{height:.1rem;}
.gh2{height:.2rem;}
.gh3{height:.3rem;}
.gh4{height:.4rem;}
.gh5{height:.5rem;}
.gh6{height:.6rem;}
.gh7{height:.7rem;}
.gh8{height:.8rem;}
.gh9{height:.9rem;}
.gh10{height:1rem;}
.gh11{height:1.1rem;}
.gh12{height:1.2rem;}
.gh13{height:1.3rem;}
.gh14{height:1.4rem;}
.gh15{height:1.5rem;}

.line1{line-height:1;}
.line11{line-height:1.1;}
.line12{line-height:1.2;}
.line13{line-height:1.3;}
.line14{line-height:1.4;}
.line15{line-height:1.5;}
.line16{line-height:1.6;}
.line17{line-height:1.7;}
.line17_5{line-height:1.75;}
.line18{line-height:1.8;}
.line19{line-height:1.9;}
.line20{line-height:2;}

.centers{text-align:center;}

.maxwidth70{max-width:70%;}


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

    .font18_px{font-size:16px;}
    .font20_px{font-size:18px;}
    .font16_px{font-size:14px;}
    .font24_px{font-size:20px;}
    .font22_px{font-size:19px;}
    .font14_px{font-size:13px;}

}


@media screen and (max-width:1440px){
    .font18_px{font-size:14px;}
    .font20_px{font-size:16px;}
    .font16_px{font-size:14px;}
    .font24_px{font-size:18px;}
    .font22_px{font-size:17px;}
    .font14_px{font-size:13px;}
}

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

    
    .font120{font-size:1.2rem;}
    .font100{font-size:1rem;}
    .font90{font-size:calc(.9rem - .4rem);}
    .font80{font-size:.8rem;}
    .font75{font-size:.75rem}
    .font70{font-size:.7rem;}
    .font60{font-size:.6rem;}
    .font56{font-size:.56rem;}
    .font55{font-size:.55rem;}
    .font52{font-size:.52rem;}
    .font50{font-size:.5rem;}
    .font48{font-size:.48rem;}
    .font46{font-size:.46rem;}
    .font45{font-size:.45rem;}
    .font44{font-size:.44rem;}
    .font42{font-size:.42rem;}
    .font40{font-size:.4rem;}
    .font38{font-size:.38rem;}
    .font36{font-size:.36rem;}
    .font35{font-size:.35rem;}
    .font34{font-size:.34rem;}
    .font32{font-size:.32rem}
    .font30{font-size:.3rem;}
    .font28{font-size:.28rem;}
    .font26{font-size:.26rem;}
    .font25{font-size:.25rem;}
    .font24{font-size:calc(.24rem + .08rem);}
    .font22{font-size:calc(.22rem + .08rem);}
    .font20{font-size:calc(.2rem + .05rem);}

    .font18{font-size:calc(.18rem + .08rem);}
    .font16{font-size:calc(.16rem + .08rem);}
    .font15{font-size:calc(.15rem + .08rem)}
    .font14{font-size:calc(.14rem + .08rem);}
    .font12{font-size:.12rem;}

    .font24_px{font-size:calc(.24rem + .06rem);}
    .font22_px{font-size:calc(.22rem + .06rem);}
    .font20_px{font-size:calc(.2rem + .06rem)}
    .font18_px{font-size:calc(.18rem + .06rem)}
    .font16_px{font-size:calc(.16rem + .06rem);}
    .font14_px{font-size:calc(.14rem + .06rem);}

    .maxwidth70{max-width:100%;}

    
    .pt1{padding-top:.1rem;}
    .pt2{padding-top:.2rem;}
    .pt3{padding-top:.3rem;}
    .pt4{padding-top:.4rem;}
    .pt5{padding-top:.5rem;}
    .pt6{padding-top:.6rem;}
    .pt7{padding-top:.6rem;}
    .pt8{padding-top:.6rem;}
    .pt9{padding-top:.6rem;}
    .pt10{padding-top:.6rem;}
    .pt11{padding-top:.6rem;}
    .pt12{padding-top:.6rem;}
    .pt13{padding-top:.6rem;}
    .pt14{padding-top:.6rem;}
    .pt15{padding-top:.6rem;}


    .pb1{padding-bottom:.1rem;}
    .pb2{padding-bottom:.2rem;}
    .pb3{padding-bottom:.3rem;}
    .pb4{padding-bottom:.4rem;}
    .pb5{padding-bottom:.5rem;}
    .pb6{padding-bottom:.6rem;}
    .pb7{padding-bottom:.6rem;}
    .pb8{padding-bottom:.6rem;}
    .pb9{padding-bottom:.6rem;}
    .pb10{padding-bottom:.6rem;}
    .pb11{padding-bottom:.6rem;}
    .pb12{padding-bottom:.6rem;}
    .pb13{padding-bottom:.6rem;}
    .pb14{padding-bottom:.6rem;}
    .pb15{padding-bottom:.6rem;}

    .pl1{padding-left:.1rem;}
    .pl2{padding-left:.2rem;}
    .pl3{padding-left:.3rem;}
    .pl4{padding-left:.4rem;}
    .pl5{padding-left:.5rem;}
    .pl6{padding-left:.6rem;}
    .pl7{padding-left:.6rem;}
    .pl8{padding-left:.6rem;}
    .pl9{padding-left:.6rem;}
    .pl10{padding-left:.6rem;}
    .pl11{padding-left:.6rem;}
    .pl12{padding-left:.6rem;}
    .pl13{padding-left:.6rem;}
    .pl14{padding-left:.6rem;}
    .pl15{padding-left:.6rem;}

    .pr1{padding-right:.1rem;}
    .pr2{padding-right:.2rem;}
    .pr3{padding-right:.3rem;}
    .pr4{padding-right:.4rem;}
    .pr5{padding-right:.5rem;}
    .pr6{padding-right:.6rem;}
    .pr7{padding-right:.6rem;}
    .pr8{padding-right:.6rem;}
    .pr9{padding-right:.6rem;}
    .pr10{padding-right:.6rem;}
    .pr11{padding-right:.6rem;}
    .pr12{padding-right:.6rem;}
    .pr13{padding-right:.6rem;}
    .pr14{padding-right:.6rem;}
    .pr15{padding-right:.6rem;}


    .pall1{padding:.1rem;}
    .pall2{padding:.2rem;}
    .pall3{padding:.3rem;}
    .pall4{padding:.4rem;}
    .pall5{padding:.5rem;}
    .pall6{padding:.6rem;}
    .pall7{padding:.6rem;}
    .pall8{padding:.6rem;}
    .pall9{padding:.6rem;}
    .pall10{padding:.6rem;}
    .pall11{padding:.6rem;}
    .pall12{padding:.6rem;}
    .pall13{padding:.6rem;}
    .pall14{padding:.6rem;}
    .pall15{padding:.6rem;}


    .mt1{margin-top:.1rem;}
    .mt2{margin-top:.2rem;}
    .mt3{margin-top:.3rem;}
    .mt4{margin-top:.4rem;}
    .mt5{margin-top:.5rem;}
    .mt6{margin-top:.6rem;}
    .mt7{margin-top:.6rem;}
    .mt8{margin-top:.6rem;}
    .mt9{margin-top:.6rem;}
    .mt10{margin-top:.6rem;}
    .mt11{margin-top:.6rem;}
    .mt12{margin-top:.6rem;}
    .mt13{margin-top:.6rem;}
    .mt14{margin-top:.6rem;}
    .mt15{margin-top:.6rem;}


    .mb1{margin-bottom:.1rem;}
    .mb2{margin-bottom:.2rem;}
    .mb3{margin-bottom:.3rem;}
    .mb4{margin-bottom:.4rem;}
    .mb5{margin-bottom:.5rem;}
    .mb6{margin-bottom:.6rem;}
    .mb7{margin-bottom:.6rem;}
    .mb8{margin-bottom:.6rem;}
    .mb9{margin-bottom:.6rem;}
    .mb10{margin-bottom:.6rem;}
    .mb11{margin-bottom:.6rem;}
    .mb12{margin-bottom:.6rem;}
    .mb13{margin-bottom:.6rem;}
    .mb14{margin-bottom:.6rem;}
    .mb15{margin-bottom:.6rem;}

    .ml1{margin-left:.1rem;}
    .ml2{margin-left:.2rem;}
    .ml3{margin-left:.3rem;}
    .ml4{margin-left:.4rem;}
    .ml5{margin-left:.5rem;}
    .ml6{margin-left:.6rem;}
    .ml7{margin-left:.6rem;}
    .ml8{margin-left:.6rem;}
    .ml9{margin-left:.6rem;}
    .ml10{margin-left:.6rem;}
    .ml11{margin-left:.6rem;}
    .ml12{margin-left:.6rem;}
    .ml13{margin-left:.6rem;}
    .ml14{margin-left:.6rem;}
    .ml15{margin-left:.6rem;}

    .mr1{margin-right:.1rem;}
    .mr2{margin-right:.2rem;}
    .mr3{margin-right:.3rem;}
    .mr4{margin-right:.4rem;}
    .mr5{margin-right:.5rem;}
    .mr6{margin-right:.6rem;}
    .mr7{margin-right:.6rem;}
    .mr8{margin-right:.6rem;}
    .mr9{margin-right:.6rem;}
    .mr10{margin-right:.6rem;}
    .mr11{margin-right:.6rem;}
    .mr12{margin-right:.6rem;}
    .mr13{margin-right:.6rem;}
    .mr14{margin-right:.6rem;}
    .mr15{margin-right:.6rem;}

    .gh1{height:.1rem;}
    .gh2{height:.2rem;}
    .gh3{height:.3rem;}
    .gh4{height:.4rem;}
    .gh5{height:.5rem;}
    .gh6{height:.6rem;}
    .gh7{height:.6rem;}
    .gh8{height:.6rem;}
    .gh9{height:.6rem;}
    .gh10{height:.6rem;}
    .gh11{height:.6rem;}
    .gh12{height:.6rem;}
    .gh13{height:.6rem;}
    .gh14{height:.6rem;}
    .gh15{height:.6rem;}
}



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

    
    .font120{font-size:.8rem;}
    .font100{font-size:.8rem;}
    .font90{font-size:calc(.9rem - .4rem);}
    .font80{font-size:.6rem;}
    .font75{font-size:.75rem}
    .font70{font-size:calc(.7rem - .2rem);}
    .font60{font-size:calc(.6rem - .24rem);}
    .font56{font-size:.46rem;}
    .font55{font-size:.46rem;}
    .font52{font-size:.45rem;}
    .font50{font-size:.44rem;}
    .font48{font-size:.43rem;}
    .font46{font-size:.42rem;}
    .font45{font-size:.42rem;}
    .font44{font-size:.41rem;}
    .font42{font-size:.40rem;}
    .font40{font-size:.39rem;}
    .font38{font-size:.38rem;}
    .font36{font-size:calc(.36rem - .06rem);}
    .font35{font-size:.35rem;}
    .font34{font-size:.34rem;}
    .font32{font-size:.32rem}
    .font30{font-size:calc(.3rem - .04rem);}
    .font28{font-size:.28rem;}
    .font26{font-size:.32rem;}
    .font25{font-size:.25rem;}
    .font24{font-size:calc(.24rem + .02rem);}
    .font22{font-size:calc(.22rem + .01rem);}
    .font20{font-size:calc(.2rem + .05rem);}

    .font18{font-size:calc(.18rem + .04rem);}
    .font16{font-size:calc(.16rem + .08rem);}
    .font15{font-size:calc(.15rem + .08rem)}
    .font14{font-size:calc(.14rem + .08rem);}
    .font12{font-size:.12rem;}

    .font18_px{font-size:calc(.18rem + .04rem)}
    .font20_px{font-size:calc(.2rem + .04rem)}
    .font16_px{font-size:calc(.16rem + .04rem);}
    .font24_px{font-size:calc(.24rem + .04rem);}
    .font22_px{font-size:calc(.22rem + .02rem);}
    .font14_px{font-size:calc(.14rem + .08rem);}

}


/*font-size*/
@media screen and (max-width: 375px) {
    html {
        font-size:75px
    }
}

@media screen and (min-width: 376px)and (max-width:499px) {
    html {
        font-size:80px
    }
}

@media screen and (min-width: 500px)and (max-width:768px) {
    html {
        font-size:90px
    }
}

@media screen and (min-width: 769px)and (max-width:899px) {
    html {
        font-size:66px
    }
}

@media screen and (min-width: 900px)and (max-width:1023px) {
    html {
        font-size:71px
    }
}

@media screen and (min-width: 1024px)and (max-width:1229px) {
    html {
        font-size:83px
    }
}

@media screen and (min-width: 1230px) {
    html {
        font-size:100px
    }
}