@media only screen and (min-width: 320px) {
    html {
        font-size:42.67px!important
    }
}

@media only screen and (min-width: 321px) {
    html {
        font-size:42.8px!important
    }
}

@media only screen and (min-width: 322px) {
    html {
        font-size:42.93px!important
    }
}

@media only screen and (min-width: 323px) {
    html {
        font-size:43.07px!important
    }
}

@media only screen and (min-width: 324px) {
    html {
        font-size:43.2px!important
    }
}

@media only screen and (min-width: 325px) {
    html {
        font-size:43.33px!important
    }
}

@media only screen and (min-width: 326px) {
    html {
        font-size:43.47px!important
    }
}

@media only screen and (min-width: 327px) {
    html {
        font-size:43.6px!important
    }
}

@media only screen and (min-width: 328px) {
    html {
        font-size:43.73px!important
    }
}

@media only screen and (min-width: 329px) {
    html {
        font-size:43.87px!important
    }
}

@media only screen and (min-width: 330px) {
    html {
        font-size:44px!important
    }
}

@media only screen and (min-width: 331px) {
    html {
        font-size:44.13px!important
    }
}

@media only screen and (min-width: 332px) {
    html {
        font-size:44.27px!important
    }
}

@media only screen and (min-width: 333px) {
    html {
        font-size:44.4px!important
    }
}

@media only screen and (min-width: 334px) {
    html {
        font-size:44.53px!important
    }
}

@media only screen and (min-width: 335px) {
    html {
        font-size:44.67px!important
    }
}

@media only screen and (min-width: 336px) {
    html {
        font-size:44.8px!important
    }
}

@media only screen and (min-width: 337px) {
    html {
        font-size:44.93px!important
    }
}

@media only screen and (min-width: 338px) {
    html {
        font-size:45.07px!important
    }
}

@media only screen and (min-width: 339px) {
    html {
        font-size:45.2px!important
    }
}

@media only screen and (min-width: 340px) {
    html {
        font-size:45.33px!important
    }
}

@media only screen and (min-width: 341px) {
    html {
        font-size:45.47px!important
    }
}

@media only screen and (min-width: 342px) {
    html {
        font-size:45.6px!important
    }
}

@media only screen and (min-width: 343px) {
    html {
        font-size:45.73px!important
    }
}

@media only screen and (min-width: 344px) {
    html {
        font-size:45.87px!important
    }
}

@media only screen and (min-width: 345px) {
    html {
        font-size:46px!important
    }
}

@media only screen and (min-width: 346px) {
    html {
        font-size:46.13px!important
    }
}

@media only screen and (min-width: 347px) {
    html {
        font-size:46.27px!important
    }
}

@media only screen and (min-width: 348px) {
    html {
        font-size:46.4px!important
    }
}

@media only screen and (min-width: 349px) {
    html {
        font-size:46.53px!important
    }
}

@media only screen and (min-width: 350px) {
    html {
        font-size:46.67px!important
    }
}

@media only screen and (min-width: 351px) {
    html {
        font-size:46.8px!important
    }
}

@media only screen and (min-width: 352px) {
    html {
        font-size:46.93px!important
    }
}

@media only screen and (min-width: 353px) {
    html {
        font-size:47.07px!important
    }
}

@media only screen and (min-width: 354px) {
    html {
        font-size:47.2px!important
    }
}

@media only screen and (min-width: 355px) {
    html {
        font-size:47.33px!important
    }
}

@media only screen and (min-width: 356px) {
    html {
        font-size:47.47px!important
    }
}

@media only screen and (min-width: 357px) {
    html {
        font-size:47.6px!important
    }
}

@media only screen and (min-width: 358px) {
    html {
        font-size:47.73px!important
    }
}

@media only screen and (min-width: 359px) {
    html {
        font-size:47.87px!important
    }
}

@media only screen and (min-width: 360px) {
    html {
        font-size:48px!important
    }
}

@media only screen and (min-width: 361px) {
    html {
        font-size:48.13px!important
    }
}

@media only screen and (min-width: 362px) {
    html {
        font-size:48.27px!important
    }
}

@media only screen and (min-width: 363px) {
    html {
        font-size:48.4px!important
    }
}

@media only screen and (min-width: 364px) {
    html {
        font-size:48.53px!important
    }
}

@media only screen and (min-width: 365px) {
    html {
        font-size:48.67px!important
    }
}

@media only screen and (min-width: 366px) {
    html {
        font-size:48.8px!important
    }
}

@media only screen and (min-width: 367px) {
    html {
        font-size:48.93px!important
    }
}

@media only screen and (min-width: 368px) {
    html {
        font-size:49.07px!important
    }
}

@media only screen and (min-width: 369px) {
    html {
        font-size:49.2px!important
    }
}

@media only screen and (min-width: 370px) {
    html {
        font-size:49.33px!important
    }
}

@media only screen and (min-width: 371px) {
    html {
        font-size:49.47px!important
    }
}

@media only screen and (min-width: 372px) {
    html {
        font-size:49.6px!important
    }
}

@media only screen and (min-width: 373px) {
    html {
        font-size:49.73px!important
    }
}

@media only screen and (min-width: 374px) {
    html {
        font-size:49.87px!important
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size:50px!important
    }
}

@media only screen and (min-width: 376px) {
    html {
        font-size:50.13px!important
    }
}

@media only screen and (min-width: 377px) {
    html {
        font-size:50.27px!important
    }
}

@media only screen and (min-width: 378px) {
    html {
        font-size:50.4px!important
    }
}

@media only screen and (min-width: 379px) {
    html {
        font-size:50.53px!important
    }
}

@media only screen and (min-width: 380px) {
    html {
        font-size:50.67px!important
    }
}

@media only screen and (min-width: 381px) {
    html {
        font-size:50.8px!important
    }
}

@media only screen and (min-width: 382px) {
    html {
        font-size:50.93px!important
    }
}

@media only screen and (min-width: 383px) {
    html {
        font-size:51.07px!important
    }
}

@media only screen and (min-width: 384px) {
    html {
        font-size:51.2px!important
    }
}

@media only screen and (min-width: 385px) {
    html {
        font-size:51.33px!important
    }
}

@media only screen and (min-width: 386px) {
    html {
        font-size:51.47px!important
    }
}

@media only screen and (min-width: 387px) {
    html {
        font-size:51.6px!important
    }
}

@media only screen and (min-width: 388px) {
    html {
        font-size:51.73px!important
    }
}

@media only screen and (min-width: 389px) {
    html {
        font-size:51.87px!important
    }
}

@media only screen and (min-width: 390px) {
    html {
        font-size:52px!important
    }
}

@media only screen and (min-width: 391px) {
    html {
        font-size:52.13px!important
    }
}

@media only screen and (min-width: 392px) {
    html {
        font-size:52.27px!important
    }
}

@media only screen and (min-width: 393px) {
    html {
        font-size:52.4px!important
    }
}

@media only screen and (min-width: 394px) {
    html {
        font-size:52.53px!important
    }
}

@media only screen and (min-width: 395px) {
    html {
        font-size:52.67px!important
    }
}

@media only screen and (min-width: 396px) {
    html {
        font-size:52.8px!important
    }
}

@media only screen and (min-width: 397px) {
    html {
        font-size:52.93px!important
    }
}

@media only screen and (min-width: 398px) {
    html {
        font-size:53.07px!important
    }
}

@media only screen and (min-width: 399px) {
    html {
        font-size:53.2px!important
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size:53.33px!important
    }
}

@media only screen and (min-width: 401px) {
    html {
        font-size:53.47px!important
    }
}

@media only screen and (min-width: 402px) {
    html {
        font-size:53.6px!important
    }
}

@media only screen and (min-width: 403px) {
    html {
        font-size:53.73px!important
    }
}

@media only screen and (min-width: 404px) {
    html {
        font-size:53.87px!important
    }
}

@media only screen and (min-width: 405px) {
    html {
        font-size:54px!important
    }
}

@media only screen and (min-width: 406px) {
    html {
        font-size:54.13px!important
    }
}

@media only screen and (min-width: 407px) {
    html {
        font-size:54.27px!important
    }
}

@media only screen and (min-width: 408px) {
    html {
        font-size:54.4px!important
    }
}

@media only screen and (min-width: 409px) {
    html {
        font-size:54.53px!important
    }
}

@media only screen and (min-width: 410px) {
    html {
        font-size:54.67px!important
    }
}

@media only screen and (min-width: 411px) {
    html {
        font-size:54.8px!important
    }
}

@media only screen and (min-width: 412px) {
    html {
        font-size:54.93px!important
    }
}

@media only screen and (min-width: 413px) {
    html {
        font-size:55.07px!important
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size:55.2px!important
    }
}

@media only screen and (min-width: 415px) {
    html {
        font-size:55.33px!important
    }
}

@media only screen and (min-width: 416px) {
    html {
        font-size:55.47px!important
    }
}

@media only screen and (min-width: 417px) {
    html {
        font-size:55.6px!important
    }
}

@media only screen and (min-width: 418px) {
    html {
        font-size:55.73px!important
    }
}

@media only screen and (min-width: 419px) {
    html {
        font-size:55.87px!important
    }
}

@media only screen and (min-width: 420px) {
    html {
        font-size:56px!important
    }
}

@media only screen and (min-width: 421px) {
    html {
        font-size:56.13px!important
    }
}

@media only screen and (min-width: 422px) {
    html {
        font-size:56.27px!important
    }
}

@media only screen and (min-width: 423px) {
    html {
        font-size:56.4px!important
    }
}

@media only screen and (min-width: 424px) {
    html {
        font-size:56.53px!important
    }
}

@media only screen and (min-width: 425px) {
    html {
        font-size:56.67px!important
    }
}

@media only screen and (min-width: 426px) {
    html {
        font-size:56.8px!important
    }
}

@media only screen and (min-width: 427px) {
    html {
        font-size:56.93px!important
    }
}

@media only screen and (min-width: 428px) {
    html {
        font-size:57.07px!important
    }
}

@media only screen and (min-width: 429px) {
    html {
        font-size:57.2px!important
    }
}

@media only screen and (min-width: 430px) {
    html {
        font-size:57.33px!important
    }
}

@media only screen and (min-width: 431px) {
    html {
        font-size:57.47px!important
    }
}

@media only screen and (min-width: 432px) {
    html {
        font-size:57.6px!important
    }
}

@media only screen and (min-width: 433px) {
    html {
        font-size:57.73px!important
    }
}

@media only screen and (min-width: 434px) {
    html {
        font-size:57.87px!important
    }
}

@media only screen and (min-width: 435px) {
    html {
        font-size:58px!important
    }
}

@media only screen and (min-width: 436px) {
    html {
        font-size:58.13px!important
    }
}

@media only screen and (min-width: 437px) {
    html {
        font-size:58.27px!important
    }
}

@media only screen and (min-width: 438px) {
    html {
        font-size:58.4px!important
    }
}

@media only screen and (min-width: 439px) {
    html {
        font-size:58.53px!important
    }
}

@media only screen and (min-width: 440px) {
    html {
        font-size:58.67px!important
    }
}

@media only screen and (min-width: 441px) {
    html {
        font-size:58.8px!important
    }
}

@media only screen and (min-width: 442px) {
    html {
        font-size:58.93px!important
    }
}

@media only screen and (min-width: 443px) {
    html {
        font-size:59.07px!important
    }
}

@media only screen and (min-width: 444px) {
    html {
        font-size:59.2px!important
    }
}

@media only screen and (min-width: 445px) {
    html {
        font-size:59.33px!important
    }
}

@media only screen and (min-width: 446px) {
    html {
        font-size:59.47px!important
    }
}

@media only screen and (min-width: 447px) {
    html {
        font-size:59.6px!important
    }
}

@media only screen and (min-width: 448px) {
    html {
        font-size:59.73px!important
    }
}

@media only screen and (min-width: 449px) {
    html {
        font-size:59.87px!important
    }
}

@media only screen and (min-width: 450px) {
    html {
        font-size:60px!important
    }
}

@media only screen and (min-width: 451px) {
    html {
        font-size:60.13px!important
    }
}

@media only screen and (min-width: 452px) {
    html {
        font-size:60.27px!important
    }
}

@media only screen and (min-width: 453px) {
    html {
        font-size:60.4px!important
    }
}

@media only screen and (min-width: 454px) {
    html {
        font-size:60.53px!important
    }
}

@media only screen and (min-width: 455px) {
    html {
        font-size:60.67px!important
    }
}

@media only screen and (min-width: 456px) {
    html {
        font-size:60.8px!important
    }
}

@media only screen and (min-width: 457px) {
    html {
        font-size:60.93px!important
    }
}

@media only screen and (min-width: 458px) {
    html {
        font-size:61.07px!important
    }
}

@media only screen and (min-width: 459px) {
    html {
        font-size:61.2px!important
    }
}

@media only screen and (min-width: 460px) {
    html {
        font-size:61.33px!important
    }
}

@media only screen and (min-width: 461px) {
    html {
        font-size:61.47px!important
    }
}

@media only screen and (min-width: 462px) {
    html {
        font-size:61.6px!important
    }
}

@media only screen and (min-width: 463px) {
    html {
        font-size:61.73px!important
    }
}

@media only screen and (min-width: 464px) {
    html {
        font-size:61.87px!important
    }
}

@media only screen and (min-width: 465px) {
    html {
        font-size:62px!important
    }
}

@media only screen and (min-width: 466px) {
    html {
        font-size:62.13px!important
    }
}

@media only screen and (min-width: 467px) {
    html {
        font-size:62.27px!important
    }
}

@media only screen and (min-width: 468px) {
    html {
        font-size:62.4px!important
    }
}

@media only screen and (min-width: 469px) {
    html {
        font-size:62.53px!important
    }
}

@media only screen and (min-width: 470px) {
    html {
        font-size:62.67px!important
    }
}

@media only screen and (min-width: 471px) {
    html {
        font-size:62.8px!important
    }
}

@media only screen and (min-width: 472px) {
    html {
        font-size:62.93px!important
    }
}

@media only screen and (min-width: 473px) {
    html {
        font-size:63.07px!important
    }
}

@media only screen and (min-width: 474px) {
    html {
        font-size:63.2px!important
    }
}

@media only screen and (min-width: 475px) {
    html {
        font-size:63.33px!important
    }
}

@media only screen and (min-width: 476px) {
    html {
        font-size:63.47px!important
    }
}

@media only screen and (min-width: 477px) {
    html {
        font-size:63.6px!important
    }
}

@media only screen and (min-width: 478px) {
    html {
        font-size:63.73px!important
    }
}

@media only screen and (min-width: 479px) {
    html {
        font-size:63.87px!important
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size:64px!important
    }
}

@media only screen and (min-width: 481px) {
    html {
        font-size:64.13px!important
    }
}

@media only screen and (min-width: 482px) {
    html {
        font-size:64.27px!important
    }
}

@media only screen and (min-width: 483px) {
    html {
        font-size:64.4px!important
    }
}

@media only screen and (min-width: 484px) {
    html {
        font-size:64.53px!important
    }
}

@media only screen and (min-width: 485px) {
    html {
        font-size:64.67px!important
    }
}

@media only screen and (min-width: 486px) {
    html {
        font-size:64.8px!important
    }
}

@media only screen and (min-width: 487px) {
    html {
        font-size:64.93px!important
    }
}

@media only screen and (min-width: 488px) {
    html {
        font-size:65.07px!important
    }
}

@media only screen and (min-width: 489px) {
    html {
        font-size:65.2px!important
    }
}

@media only screen and (min-width: 490px) {
    html {
        font-size:65.33px!important
    }
}

@media only screen and (min-width: 491px) {
    html {
        font-size:65.47px!important
    }
}

@media only screen and (min-width: 492px) {
    html {
        font-size:65.6px!important
    }
}

@media only screen and (min-width: 493px) {
    html {
        font-size:65.73px!important
    }
}

@media only screen and (min-width: 494px) {
    html {
        font-size:65.87px!important
    }
}

@media only screen and (min-width: 495px) {
    html {
        font-size:66px!important
    }
}

@media only screen and (min-width: 496px) {
    html {
        font-size:66.13px!important
    }
}

@media only screen and (min-width: 497px) {
    html {
        font-size:66.27px!important
    }
}

@media only screen and (min-width: 498px) {
    html {
        font-size:66.4px!important
    }
}

@media only screen and (min-width: 499px) {
    html {
        font-size:66.53px!important
    }
}

@media only screen and (min-width: 500px) {
    html {
        font-size:66.67px!important
    }
}

@media only screen and (min-width: 501px) {
    html {
        font-size:66.8px!important
    }
}

@media only screen and (min-width: 502px) {
    html {
        font-size:66.93px!important
    }
}

@media only screen and (min-width: 503px) {
    html {
        font-size:67.07px!important
    }
}

@media only screen and (min-width: 504px) {
    html {
        font-size:67.2px!important
    }
}

@media only screen and (min-width: 505px) {
    html {
        font-size:67.33px!important
    }
}

@media only screen and (min-width: 506px) {
    html {
        font-size:67.47px!important
    }
}

@media only screen and (min-width: 507px) {
    html {
        font-size:67.6px!important
    }
}

@media only screen and (min-width: 508px) {
    html {
        font-size:67.73px!important
    }
}

@media only screen and (min-width: 509px) {
    html {
        font-size:67.87px!important
    }
}

@media only screen and (min-width: 510px) {
    html {
        font-size:68px!important
    }
}

@media only screen and (min-width: 511px) {
    html {
        font-size:68.13px!important
    }
}

@media only screen and (min-width: 512px) {
    html {
        font-size:68.27px!important
    }
}

@media only screen and (min-width: 513px) {
    html {
        font-size:68.4px!important
    }
}

@media only screen and (min-width: 514px) {
    html {
        font-size:68.53px!important
    }
}

@media only screen and (min-width: 515px) {
    html {
        font-size:68.67px!important
    }
}

@media only screen and (min-width: 516px) {
    html {
        font-size:68.8px!important
    }
}

@media only screen and (min-width: 517px) {
    html {
        font-size:68.93px!important
    }
}

@media only screen and (min-width: 518px) {
    html {
        font-size:69.07px!important
    }
}

@media only screen and (min-width: 519px) {
    html {
        font-size:69.2px!important
    }
}

@media only screen and (min-width: 520px) {
    html {
        font-size:69.33px!important
    }
}

@media only screen and (min-width: 521px) {
    html {
        font-size:69.47px!important
    }
}

@media only screen and (min-width: 522px) {
    html {
        font-size:69.6px!important
    }
}

@media only screen and (min-width: 523px) {
    html {
        font-size:69.73px!important
    }
}

@media only screen and (min-width: 524px) {
    html {
        font-size:69.87px!important
    }
}

@media only screen and (min-width: 525px) {
    html {
        font-size:70px!important
    }
}

@media only screen and (min-width: 526px) {
    html {
        font-size:70.13px!important
    }
}

@media only screen and (min-width: 527px) {
    html {
        font-size:70.27px!important
    }
}

@media only screen and (min-width: 528px) {
    html {
        font-size:70.4px!important
    }
}

@media only screen and (min-width: 529px) {
    html {
        font-size:70.53px!important
    }
}

@media only screen and (min-width: 530px) {
    html {
        font-size:70.67px!important
    }
}

@media only screen and (min-width: 531px) {
    html {
        font-size:70.8px!important
    }
}

@media only screen and (min-width: 532px) {
    html {
        font-size:70.93px!important
    }
}

@media only screen and (min-width: 533px) {
    html {
        font-size:71.07px!important
    }
}

@media only screen and (min-width: 534px) {
    html {
        font-size:71.2px!important
    }
}

@media only screen and (min-width: 535px) {
    html {
        font-size:71.33px!important
    }
}

@media only screen and (min-width: 536px) {
    html {
        font-size:71.47px!important
    }
}

@media only screen and (min-width: 537px) {
    html {
        font-size:71.6px!important
    }
}

@media only screen and (min-width: 538px) {
    html {
        font-size:71.73px!important
    }
}

@media only screen and (min-width: 539px) {
    html {
        font-size:71.87px!important
    }
}

@media only screen and (min-width: 540px) {
    html {
        font-size:72px!important
    }
}

@media only screen and (min-width: 541px) {
    html {
        font-size:72.13px!important
    }
}

@media only screen and (min-width: 542px) {
    html {
        font-size:72.27px!important
    }
}

@media only screen and (min-width: 543px) {
    html {
        font-size:72.4px!important
    }
}

@media only screen and (min-width: 544px) {
    html {
        font-size:72.53px!important
    }
}

@media only screen and (min-width: 545px) {
    html {
        font-size:72.67px!important
    }
}

@media only screen and (min-width: 546px) {
    html {
        font-size:72.8px!important
    }
}

@media only screen and (min-width: 547px) {
    html {
        font-size:72.93px!important
    }
}

@media only screen and (min-width: 548px) {
    html {
        font-size:73.07px!important
    }
}

@media only screen and (min-width: 549px) {
    html {
        font-size:73.2px!important
    }
}

@media only screen and (min-width: 550px) {
    html {
        font-size:73.33px!important
    }
}

@media only screen and (min-width: 551px) {
    html {
        font-size:73.47px!important
    }
}

@media only screen and (min-width: 552px) {
    html {
        font-size:73.6px!important
    }
}

@media only screen and (min-width: 553px) {
    html {
        font-size:73.73px!important
    }
}

@media only screen and (min-width: 554px) {
    html {
        font-size:73.87px!important
    }
}

@media only screen and (min-width: 555px) {
    html {
        font-size:74px!important
    }
}

@media only screen and (min-width: 556px) {
    html {
        font-size:74.13px!important
    }
}

@media only screen and (min-width: 557px) {
    html {
        font-size:74.27px!important
    }
}

@media only screen and (min-width: 558px) {
    html {
        font-size:74.4px!important
    }
}

@media only screen and (min-width: 559px) {
    html {
        font-size:74.53px!important
    }
}

@media only screen and (min-width: 560px) {
    html {
        font-size:74.67px!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size:74.8px!important
    }
}

@media only screen and (min-width: 562px) {
    html {
        font-size:74.93px!important
    }
}

@media only screen and (min-width: 563px) {
    html {
        font-size:75.07px!important
    }
}

@media only screen and (min-width: 564px) {
    html {
        font-size:75.2px!important
    }
}

@media only screen and (min-width: 565px) {
    html {
        font-size:75.33px!important
    }
}

@media only screen and (min-width: 566px) {
    html {
        font-size:75.47px!important
    }
}

@media only screen and (min-width: 567px) {
    html {
        font-size:75.6px!important
    }
}

@media only screen and (min-width: 568px) {
    html {
        font-size:75.73px!important
    }
}

@media only screen and (min-width: 569px) {
    html {
        font-size:75.87px!important
    }
}

@media only screen and (min-width: 570px) {
    html {
        font-size:76px!important
    }
}

@media only screen and (min-width: 571px) {
    html {
        font-size:76.13px!important
    }
}

@media only screen and (min-width: 572px) {
    html {
        font-size:76.27px!important
    }
}

@media only screen and (min-width: 573px) {
    html {
        font-size:76.4px!important
    }
}

@media only screen and (min-width: 574px) {
    html {
        font-size:76.53px!important
    }
}

@media only screen and (min-width: 575px) {
    html {
        font-size:76.67px!important
    }
}

@media only screen and (min-width: 576px) {
    html {
        font-size:76.8px!important
    }
}

@media only screen and (min-width: 577px) {
    html {
        font-size:76.93px!important
    }
}

@media only screen and (min-width: 578px) {
    html {
        font-size:77.07px!important
    }
}

@media only screen and (min-width: 579px) {
    html {
        font-size:77.2px!important
    }
}

@media only screen and (min-width: 580px) {
    html {
        font-size:77.33px!important
    }
}

@media only screen and (min-width: 581px) {
    html {
        font-size:77.47px!important
    }
}

@media only screen and (min-width: 582px) {
    html {
        font-size:77.6px!important
    }
}

@media only screen and (min-width: 583px) {
    html {
        font-size:77.73px!important
    }
}

@media only screen and (min-width: 584px) {
    html {
        font-size:77.87px!important
    }
}

@media only screen and (min-width: 585px) {
    html {
        font-size:78px!important
    }
}

@media only screen and (min-width: 586px) {
    html {
        font-size:78.13px!important
    }
}

@media only screen and (min-width: 587px) {
    html {
        font-size:78.27px!important
    }
}

@media only screen and (min-width: 588px) {
    html {
        font-size:78.4px!important
    }
}

@media only screen and (min-width: 589px) {
    html {
        font-size:78.53px!important
    }
}

@media only screen and (min-width: 590px) {
    html {
        font-size:78.67px!important
    }
}

@media only screen and (min-width: 591px) {
    html {
        font-size:78.8px!important
    }
}

@media only screen and (min-width: 592px) {
    html {
        font-size:78.93px!important
    }
}

@media only screen and (min-width: 593px) {
    html {
        font-size:79.07px!important
    }
}

@media only screen and (min-width: 594px) {
    html {
        font-size:79.2px!important
    }
}

@media only screen and (min-width: 595px) {
    html {
        font-size:79.33px!important
    }
}

@media only screen and (min-width: 596px) {
    html {
        font-size:79.47px!important
    }
}

@media only screen and (min-width: 597px) {
    html {
        font-size:79.6px!important
    }
}

@media only screen and (min-width: 598px) {
    html {
        font-size:79.73px!important
    }
}

@media only screen and (min-width: 599px) {
    html {
        font-size:79.87px!important
    }
}

@media only screen and (min-width: 600px) {
    html {
        font-size:80px!important
    }
}

@media only screen and (min-width: 601px) {
    html {
        font-size:80.13px!important
    }
}

@media only screen and (min-width: 602px) {
    html {
        font-size:80.27px!important
    }
}

@media only screen and (min-width: 603px) {
    html {
        font-size:80.4px!important
    }
}

@media only screen and (min-width: 604px) {
    html {
        font-size:80.53px!important
    }
}

@media only screen and (min-width: 605px) {
    html {
        font-size:80.67px!important
    }
}

@media only screen and (min-width: 606px) {
    html {
        font-size:80.8px!important
    }
}

@media only screen and (min-width: 607px) {
    html {
        font-size:80.93px!important
    }
}

@media only screen and (min-width: 608px) {
    html {
        font-size:81.07px!important
    }
}

@media only screen and (min-width: 609px) {
    html {
        font-size:81.2px!important
    }
}

@media only screen and (min-width: 610px) {
    html {
        font-size:81.33px!important
    }
}

@media only screen and (min-width: 611px) {
    html {
        font-size:81.47px!important
    }
}

@media only screen and (min-width: 612px) {
    html {
        font-size:81.6px!important
    }
}

@media only screen and (min-width: 613px) {
    html {
        font-size:81.73px!important
    }
}

@media only screen and (min-width: 614px) {
    html {
        font-size:81.87px!important
    }
}

@media only screen and (min-width: 615px) {
    html {
        font-size:82px!important
    }
}

@media only screen and (min-width: 616px) {
    html {
        font-size:82.13px!important
    }
}

@media only screen and (min-width: 617px) {
    html {
        font-size:82.27px!important
    }
}

@media only screen and (min-width: 618px) {
    html {
        font-size:82.4px!important
    }
}

@media only screen and (min-width: 619px) {
    html {
        font-size:82.53px!important
    }
}

@media only screen and (min-width: 620px) {
    html {
        font-size:82.67px!important
    }
}

@media only screen and (min-width: 621px) {
    html {
        font-size:82.8px!important
    }
}

@media only screen and (min-width: 622px) {
    html {
        font-size:82.93px!important
    }
}

@media only screen and (min-width: 623px) {
    html {
        font-size:83.07px!important
    }
}

@media only screen and (min-width: 624px) {
    html {
        font-size:83.2px!important
    }
}

@media only screen and (min-width: 625px) {
    html {
        font-size:83.33px!important
    }
}

@media only screen and (min-width: 626px) {
    html {
        font-size:83.47px!important
    }
}

@media only screen and (min-width: 627px) {
    html {
        font-size:83.6px!important
    }
}

@media only screen and (min-width: 628px) {
    html {
        font-size:83.73px!important
    }
}

@media only screen and (min-width: 629px) {
    html {
        font-size:83.87px!important
    }
}

@media only screen and (min-width: 630px) {
    html {
        font-size:84px!important
    }
}

@media only screen and (min-width: 631px) {
    html {
        font-size:84.13px!important
    }
}

@media only screen and (min-width: 632px) {
    html {
        font-size:84.27px!important
    }
}

@media only screen and (min-width: 633px) {
    html {
        font-size:84.4px!important
    }
}

@media only screen and (min-width: 634px) {
    html {
        font-size:84.53px!important
    }
}

@media only screen and (min-width: 635px) {
    html {
        font-size:84.67px!important
    }
}

@media only screen and (min-width: 636px) {
    html {
        font-size:84.8px!important
    }
}

@media only screen and (min-width: 637px) {
    html {
        font-size:84.93px!important
    }
}

@media only screen and (min-width: 638px) {
    html {
        font-size:85.07px!important
    }
}

@media only screen and (min-width: 639px) {
    html {
        font-size:85.2px!important
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size:85.33px!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size:85.47px!important
    }
}

@media only screen and (min-width: 642px) {
    html {
        font-size:85.6px!important
    }
}

@media only screen and (min-width: 643px) {
    html {
        font-size:85.73px!important
    }
}

@media only screen and (min-width: 644px) {
    html {
        font-size:85.87px!important
    }
}

@media only screen and (min-width: 645px) {
    html {
        font-size:86px!important
    }
}

@media only screen and (min-width: 646px) {
    html {
        font-size:86.13px!important
    }
}

@media only screen and (min-width: 647px) {
    html {
        font-size:86.27px!important
    }
}

@media only screen and (min-width: 648px) {
    html {
        font-size:86.4px!important
    }
}

@media only screen and (min-width: 649px) {
    html {
        font-size:86.53px!important
    }
}

@media only screen and (min-width: 650px) {
    html {
        font-size:86.67px!important
    }
}

@media only screen and (min-width: 651px) {
    html {
        font-size:86.8px!important
    }
}

@media only screen and (min-width: 652px) {
    html {
        font-size:86.93px!important
    }
}

@media only screen and (min-width: 653px) {
    html {
        font-size:87.07px!important
    }
}

@media only screen and (min-width: 654px) {
    html {
        font-size:87.2px!important
    }
}

@media only screen and (min-width: 655px) {
    html {
        font-size:87.33px!important
    }
}

@media only screen and (min-width: 656px) {
    html {
        font-size:87.47px!important
    }
}

@media only screen and (min-width: 657px) {
    html {
        font-size:87.6px!important
    }
}

@media only screen and (min-width: 658px) {
    html {
        font-size:87.73px!important
    }
}

@media only screen and (min-width: 659px) {
    html {
        font-size:87.87px!important
    }
}

@media only screen and (min-width: 660px) {
    html {
        font-size:88px!important
    }
}

@media only screen and (min-width: 661px) {
    html {
        font-size:88.13px!important
    }
}

@media only screen and (min-width: 662px) {
    html {
        font-size:88.27px!important
    }
}

@media only screen and (min-width: 663px) {
    html {
        font-size:88.4px!important
    }
}

@media only screen and (min-width: 664px) {
    html {
        font-size:88.53px!important
    }
}

@media only screen and (min-width: 665px) {
    html {
        font-size:88.67px!important
    }
}

@media only screen and (min-width: 666px) {
    html {
        font-size:88.8px!important
    }
}

@media only screen and (min-width: 667px) {
    html {
        font-size:88.93px!important
    }
}

@media only screen and (min-width: 668px) {
    html {
        font-size:89.07px!important
    }
}

@media only screen and (min-width: 669px) {
    html {
        font-size:89.2px!important
    }
}

@media only screen and (min-width: 670px) {
    html {
        font-size:89.33px!important
    }
}

@media only screen and (min-width: 671px) {
    html {
        font-size:89.47px!important
    }
}

@media only screen and (min-width: 672px) {
    html {
        font-size:89.6px!important
    }
}

@media only screen and (min-width: 673px) {
    html {
        font-size:89.73px!important
    }
}

@media only screen and (min-width: 674px) {
    html {
        font-size:89.87px!important
    }
}

@media only screen and (min-width: 675px) {
    html {
        font-size:90px!important
    }
}

@media only screen and (min-width: 676px) {
    html {
        font-size:90.13px!important
    }
}

@media only screen and (min-width: 677px) {
    html {
        font-size:90.27px!important
    }
}

@media only screen and (min-width: 678px) {
    html {
        font-size:90.4px!important
    }
}

@media only screen and (min-width: 679px) {
    html {
        font-size:90.53px!important
    }
}

@media only screen and (min-width: 680px) {
    html {
        font-size:90.67px!important
    }
}

@media only screen and (min-width: 681px) {
    html {
        font-size:90.8px!important
    }
}

@media only screen and (min-width: 682px) {
    html {
        font-size:90.93px!important
    }
}

@media only screen and (min-width: 683px) {
    html {
        font-size:91.07px!important
    }
}

@media only screen and (min-width: 684px) {
    html {
        font-size:91.2px!important
    }
}

@media only screen and (min-width: 685px) {
    html {
        font-size:91.33px!important
    }
}

@media only screen and (min-width: 686px) {
    html {
        font-size:91.47px!important
    }
}

@media only screen and (min-width: 687px) {
    html {
        font-size:91.6px!important
    }
}

@media only screen and (min-width: 688px) {
    html {
        font-size:91.73px!important
    }
}

@media only screen and (min-width: 689px) {
    html {
        font-size:91.87px!important
    }
}

@media only screen and (min-width: 690px) {
    html {
        font-size:92px!important
    }
}

@media only screen and (min-width: 691px) {
    html {
        font-size:92.13px!important
    }
}

@media only screen and (min-width: 692px) {
    html {
        font-size:92.27px!important
    }
}

@media only screen and (min-width: 693px) {
    html {
        font-size:92.4px!important
    }
}

@media only screen and (min-width: 694px) {
    html {
        font-size:92.53px!important
    }
}

@media only screen and (min-width: 695px) {
    html {
        font-size:92.67px!important
    }
}

@media only screen and (min-width: 696px) {
    html {
        font-size:92.8px!important
    }
}

@media only screen and (min-width: 697px) {
    html {
        font-size:92.93px!important
    }
}

@media only screen and (min-width: 698px) {
    html {
        font-size:93.07px!important
    }
}

@media only screen and (min-width: 699px) {
    html {
        font-size:93.2px!important
    }
}

@media only screen and (min-width: 700px) {
    html {
        font-size:93.33px!important
    }
}

@media only screen and (min-width: 701px) {
    html {
        font-size:93.47px!important
    }
}

@media only screen and (min-width: 702px) {
    html {
        font-size:93.6px!important
    }
}

@media only screen and (min-width: 703px) {
    html {
        font-size:93.73px!important
    }
}

@media only screen and (min-width: 704px) {
    html {
        font-size:93.87px!important
    }
}

@media only screen and (min-width: 705px) {
    html {
        font-size:94px!important
    }
}

@media only screen and (min-width: 706px) {
    html {
        font-size:94.13px!important
    }
}

@media only screen and (min-width: 707px) {
    html {
        font-size:94.27px!important
    }
}

@media only screen and (min-width: 708px) {
    html {
        font-size:94.4px!important
    }
}

@media only screen and (min-width: 709px) {
    html {
        font-size:94.53px!important
    }
}

@media only screen and (min-width: 710px) {
    html {
        font-size:94.67px!important
    }
}

@media only screen and (min-width: 711px) {
    html {
        font-size:94.8px!important
    }
}

@media only screen and (min-width: 712px) {
    html {
        font-size:94.93px!important
    }
}

@media only screen and (min-width: 713px) {
    html {
        font-size:95.07px!important
    }
}

@media only screen and (min-width: 714px) {
    html {
        font-size:95.2px!important
    }
}

@media only screen and (min-width: 715px) {
    html {
        font-size:95.33px!important
    }
}

@media only screen and (min-width: 716px) {
    html {
        font-size:95.47px!important
    }
}

@media only screen and (min-width: 717px) {
    html {
        font-size:95.6px!important
    }
}

@media only screen and (min-width: 718px) {
    html {
        font-size:95.73px!important
    }
}

@media only screen and (min-width: 719px) {
    html {
        font-size:95.87px!important
    }
}

@media only screen and (min-width: 720px) {
    html {
        font-size:96px!important
    }
}

@media only screen and (min-width: 721px) {
    html {
        font-size:96.13px!important
    }
}

@media only screen and (min-width: 722px) {
    html {
        font-size:96.27px!important
    }
}

@media only screen and (min-width: 723px) {
    html {
        font-size:96.4px!important
    }
}

@media only screen and (min-width: 724px) {
    html {
        font-size:96.53px!important
    }
}

@media only screen and (min-width: 725px) {
    html {
        font-size:96.67px!important
    }
}

@media only screen and (min-width: 726px) {
    html {
        font-size:96.8px!important
    }
}

@media only screen and (min-width: 727px) {
    html {
        font-size:96.93px!important
    }
}

@media only screen and (min-width: 728px) {
    html {
        font-size:97.07px!important
    }
}

@media only screen and (min-width: 729px) {
    html {
        font-size:97.2px!important
    }
}

@media only screen and (min-width: 730px) {
    html {
        font-size:97.33px!important
    }
}

@media only screen and (min-width: 731px) {
    html {
        font-size:97.47px!important
    }
}

@media only screen and (min-width: 732px) {
    html {
        font-size:97.6px!important
    }
}

@media only screen and (min-width: 733px) {
    html {
        font-size:97.73px!important
    }
}

@media only screen and (min-width: 734px) {
    html {
        font-size:97.87px!important
    }
}

@media only screen and (min-width: 735px) {
    html {
        font-size:98px!important
    }
}

@media only screen and (min-width: 736px) {
    html {
        font-size:98.13px!important
    }
}

@media only screen and (min-width: 737px) {
    html {
        font-size:98.27px!important
    }
}

@media only screen and (min-width: 738px) {
    html {
        font-size:98.4px!important
    }
}

@media only screen and (min-width: 739px) {
    html {
        font-size:98.53px!important
    }
}

@media only screen and (min-width: 740px) {
    html {
        font-size:98.67px!important
    }
}

@media only screen and (min-width: 741px) {
    html {
        font-size:98.8px!important
    }
}

@media only screen and (min-width: 742px) {
    html {
        font-size:98.93px!important
    }
}

@media only screen and (min-width: 743px) {
    html {
        font-size:99.07px!important
    }
}

@media only screen and (min-width: 744px) {
    html {
        font-size:99.2px!important
    }
}

@media only screen and (min-width: 745px) {
    html {
        font-size:99.33px!important
    }
}

@media only screen and (min-width: 746px) {
    html {
        font-size:99.47px!important
    }
}

@media only screen and (min-width: 747px) {
    html {
        font-size:99.6px!important
    }
}

@media only screen and (min-width: 748px) {
    html {
        font-size:99.73px!important
    }
}

@media only screen and (min-width: 749px) {
    html {
        font-size:99.87px!important
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size:100px!important
    }
}

html {
    -webkit-user-select: none;
    -moz-user-select: none
}

@media screen and (orientation: portrait) {
    #screen,.game {
        width:100%;
        text-align: center
    }

    #Input,#steer,body {
        background: #1e1e1e
    }

    * {
        margin: 0;
        padding: 0
    }

    body {
        height: 100%;
        overflow: hidden
    }

    .game .power {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 2rem
    }

    #button_down,#button_up {
        width: 1rem;
        margin-left: 1.3rem
    }

    #Input,#c1,#steer,#w {
        position: relative
    }

    .game .power .btn {
        height: 1rem
    }

    #button_down_left,#button_down_right,#button_up_left,#button_up_right {
        width: 1.2rem;
        height: 1.2rem
    }

    #button_select,#button_start {
        width: 1.6rem;
        height: .9rem;
        position: absolute;
        top: -.5rem;
        opacity: .5
    }

    #c1 {
        z-index: 0;
        background: #000;
        min-width: 100%;
        max-width: 100%;
        vertical-align: top
    }

    #Input {
        height: 5rem
    }

    #steer {
        height: 4rem;
        width: 4rem;
        margin-top: -.3rem;
        border-radius: 50%;
        padding: .1rem;
        top: -.3rem
    }

    #w {
        margin: .5rem auto;
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 50%;
        background: #191919
    }

    #button_up {
        height: 1.6rem;
        background: url(../images/up.png) no-repeat;
        background-size: cover
    }

    #button_up_right {
        top: 0;
        right: 0;
        position: absolute;
        border-radius: 0 3.2rem 0 0
    }

    #button_up_left {
        top: 0;
        position: absolute;
        border-radius: 3.2rem 0 0
    }

    #button_down {
        height: 1.6rem;
        background: url(../images/down.png) no-repeat;
        background-size: cover;
        margin-top: .5rem
    }

    #button_down_left {
        left: 0;
        bottom: 0;
        position: absolute;
        border-radius: 0 0 0 3.2rem
    }

    #button_down_right {
        right: 0;
        margin-left: -1.3rem;
        bottom: 0;
        position: absolute;
        border-radius: 0 0 3.2rem
    }

    #button_left {
        width: 1.6rem;
        height: 1rem;
        background: url(../images/left.png) no-repeat;
        background-size: cover;
        top: 1.3rem;
        position: absolute
    }

    #button_right {
        width: 1.6rem;
        height: 1rem;
        background: url(../images/right.png) no-repeat;
        background-size: cover;
        right: 0;
        top: 1.3rem;
        position: absolute
    }

    #button_b {
        width: 1.6rem;
        height: 1.7rem;
        background: url(../images/b.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: 1.8rem;
        top: 2.2rem
    }

    #button_a_b {
        width: 1.6rem;
        height: 1.6rem;
        background: url(../images/ab.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: .3rem;
        top: 2.3rem
    }

    #button_a {
        width: 1.6rem;
        height: 1.7rem;
        background: url(../images/a.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: .1rem;
        top: .55rem
    }

    #button_start {
        background: url(../images/start.png) no-repeat;
        background-size: cover;
        right: .2rem
    }

    #button_select {
        background: url(../images/select.png) no-repeat;
        background-size: cover;
        right: 2.4rem
    }
}

@media screen and (orientation: landscape) {
    .game,body {
        height:100%
    }

    .game,.game .power {
        text-align: center;
        position: absolute
    }

    * {
        margin: 0;
        padding: 0
    }

    body {
        overflow: hidden;
        background: #1e1e1e
    }

    .game {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .game .power {
        width: 100%;
        top: 1rem
    }

    #button_select,#button_start {
        width: .9rem;
        bottom: .1rem;
        opacity: .5
    }

    #steer,#w {
        position: relative;
        border-radius: 50%
    }

    #button_left,#button_right {
        width: .96rem;
        top: .8rem;
        height: .6rem
    }

    .game .power .btn {
        height: .6rem
    }

    #Input,#steer {
        height: 2.4rem
    }

    #button_down,#button_up {
        width: .6rem;
        height: .96rem;
        margin-left: .8rem
    }

    #button_down_left,#button_down_right,#button_up_left,#button_up_right {
        width: .75rem;
        height: .75rem
    }

    #button_a,#button_a_b,#button_b {
        height: 1rem;
        opacity: .45;
        position: absolute
    }

    #screen {
        height: 100%
    }

    #Input {
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 999
    }

    #steer {
        width: 2.4rem;
        padding: .1rem
    }

    #w {
        margin: 0 auto;
        width: 2.2rem;
        height: 2.2rem;
        background: rgba(25,25,25,.45)
    }

    #button_up {
        background: url(../images/up.png) no-repeat;
        background-size: cover;
        opacity: .45
    }

    #button_down {
        background: url(../images/down.png) no-repeat;
        background-size: cover;
        margin-top: .25rem;
        opacity: .45
    }

    #button_left {
        background: url(../images/left.png) no-repeat;
        background-size: cover;
        position: absolute;
        opacity: .45
    }

    #button_right {
        background: url(../images/right.png) no-repeat;
        background-size: cover;
        right: 0;
        position: absolute;
        opacity: .45
    }

    #button_up_right {
        top: 0;
        right: 0;
        position: absolute;
        border-radius: 0 3.2rem 0 0
    }

    #button_up_left {
        top: 0;
        position: absolute;
        border-radius: 3.2rem 0 0
    }

    #button_down_left {
        left: 0;
        bottom: 0;
        position: absolute;
        border-radius: 0 0 0 3.2rem
    }

    #button_down_right {
        right: 0;
        bottom: 0;
        position: absolute;
        border-radius: 0 0 3.2rem
    }

    #button_b {
        width: .94rem;
        background: url(../images/b.png) no-repeat;
        background-size: cover;
        right: 1rem;
        bottom: .1rem
    }

    #button_a_b {
        width: 1rem;
        background: url(../images/ab.png) no-repeat;
        background-size: cover;
        right: .1rem;
        bottom: .1rem
    }

    #button_a {
        width: .94rem;
        background: url(../images/a.png) no-repeat;
        background-size: cover;
        right: .1rem;
        top: .4rem
    }

    #button_start {
        height: .6rem;
        background: url(../images/start_v.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: 2.5rem
    }

    #button_select {
        height: .6rem;
        background: url(../images/select_v.png) no-repeat;
        background-size: cover;
        position: absolute;
        left: 2.5rem
    }
}
