@media screen and (min-width: 320px) and (max-width: 321px) {
  html {
    font-size: 31.25%; } }
@media screen and (min-width: 321px) and (max-width: 322px) {
  html {
    font-size: 31.34765625%; } }
@media screen and (min-width: 322px) and (max-width: 323px) {
  html {
    font-size: 31.4453125%; } }
@media screen and (min-width: 323px) and (max-width: 324px) {
  html {
    font-size: 31.54296875%; } }
@media screen and (min-width: 324px) and (max-width: 325px) {
  html {
    font-size: 31.640625%; } }
@media screen and (min-width: 325px) and (max-width: 326px) {
  html {
    font-size: 31.73828125%; } }
@media screen and (min-width: 326px) and (max-width: 327px) {
  html {
    font-size: 31.8359375%; } }
@media screen and (min-width: 327px) and (max-width: 328px) {
  html {
    font-size: 31.93359375%; } }
@media screen and (min-width: 328px) and (max-width: 329px) {
  html {
    font-size: 32.03125%; } }
@media screen and (min-width: 329px) and (max-width: 330px) {
  html {
    font-size: 32.12890625%; } }
@media screen and (min-width: 330px) and (max-width: 331px) {
  html {
    font-size: 32.2265625%; } }
@media screen and (min-width: 331px) and (max-width: 332px) {
  html {
    font-size: 32.32421875%; } }
@media screen and (min-width: 332px) and (max-width: 333px) {
  html {
    font-size: 32.421875%; } }
@media screen and (min-width: 333px) and (max-width: 334px) {
  html {
    font-size: 32.51953125%; } }
@media screen and (min-width: 334px) and (max-width: 335px) {
  html {
    font-size: 32.6171875%; } }
@media screen and (min-width: 335px) and (max-width: 336px) {
  html {
    font-size: 32.71484375%; } }
@media screen and (min-width: 336px) and (max-width: 337px) {
  html {
    font-size: 32.8125%; } }
@media screen and (min-width: 337px) and (max-width: 338px) {
  html {
    font-size: 32.91015625%; } }
@media screen and (min-width: 338px) and (max-width: 339px) {
  html {
    font-size: 33.0078125%; } }
@media screen and (min-width: 339px) and (max-width: 340px) {
  html {
    font-size: 33.10546875%; } }
@media screen and (min-width: 340px) and (max-width: 341px) {
  html {
    font-size: 33.203125%; } }
@media screen and (min-width: 341px) and (max-width: 342px) {
  html {
    font-size: 33.30078125%; } }
@media screen and (min-width: 342px) and (max-width: 343px) {
  html {
    font-size: 33.3984375%; } }
@media screen and (min-width: 343px) and (max-width: 344px) {
  html {
    font-size: 33.49609375%; } }
@media screen and (min-width: 344px) and (max-width: 345px) {
  html {
    font-size: 33.59375%; } }
@media screen and (min-width: 345px) and (max-width: 346px) {
  html {
    font-size: 33.69140625%; } }
@media screen and (min-width: 346px) and (max-width: 347px) {
  html {
    font-size: 33.7890625%; } }
@media screen and (min-width: 347px) and (max-width: 348px) {
  html {
    font-size: 33.88671875%; } }
@media screen and (min-width: 348px) and (max-width: 349px) {
  html {
    font-size: 33.984375%; } }
@media screen and (min-width: 349px) and (max-width: 350px) {
  html {
    font-size: 34.08203125%; } }
@media screen and (min-width: 350px) and (max-width: 351px) {
  html {
    font-size: 34.1796875%; } }
@media screen and (min-width: 351px) and (max-width: 352px) {
  html {
    font-size: 34.27734375%; } }
@media screen and (min-width: 352px) and (max-width: 353px) {
  html {
    font-size: 34.375%; } }
@media screen and (min-width: 353px) and (max-width: 354px) {
  html {
    font-size: 34.47265625%; } }
@media screen and (min-width: 354px) and (max-width: 355px) {
  html {
    font-size: 34.5703125%; } }
@media screen and (min-width: 355px) and (max-width: 356px) {
  html {
    font-size: 34.66796875%; } }
@media screen and (min-width: 356px) and (max-width: 357px) {
  html {
    font-size: 34.765625%; } }
@media screen and (min-width: 357px) and (max-width: 358px) {
  html {
    font-size: 34.86328125%; } }
@media screen and (min-width: 358px) and (max-width: 359px) {
  html {
    font-size: 34.9609375%; } }
@media screen and (min-width: 359px) and (max-width: 360px) {
  html {
    font-size: 35.05859375%; } }
@media screen and (min-width: 360px) and (max-width: 361px) {
  html {
    font-size: 35.15625%; } }
@media screen and (min-width: 361px) and (max-width: 362px) {
  html {
    font-size: 35.25390625%; } }
@media screen and (min-width: 362px) and (max-width: 363px) {
  html {
    font-size: 35.3515625%; } }
@media screen and (min-width: 363px) and (max-width: 364px) {
  html {
    font-size: 35.44921875%; } }
@media screen and (min-width: 364px) and (max-width: 365px) {
  html {
    font-size: 35.546875%; } }
@media screen and (min-width: 365px) and (max-width: 366px) {
  html {
    font-size: 35.64453125%; } }
@media screen and (min-width: 366px) and (max-width: 367px) {
  html {
    font-size: 35.7421875%; } }
@media screen and (min-width: 367px) and (max-width: 368px) {
  html {
    font-size: 35.83984375%; } }
@media screen and (min-width: 368px) and (max-width: 369px) {
  html {
    font-size: 35.9375%; } }
@media screen and (min-width: 369px) and (max-width: 370px) {
  html {
    font-size: 36.03515625%; } }
@media screen and (min-width: 370px) and (max-width: 371px) {
  html {
    font-size: 36.1328125%; } }
@media screen and (min-width: 371px) and (max-width: 372px) {
  html {
    font-size: 36.23046875%; } }
@media screen and (min-width: 372px) and (max-width: 373px) {
  html {
    font-size: 36.328125%; } }
@media screen and (min-width: 373px) and (max-width: 374px) {
  html {
    font-size: 36.42578125%; } }
@media screen and (min-width: 374px) and (max-width: 375px) {
  html {
    font-size: 36.5234375%; } }
@media screen and (min-width: 375px) and (max-width: 376px) {
  html {
    font-size: 36.62109375%; } }
@media screen and (min-width: 376px) and (max-width: 377px) {
  html {
    font-size: 36.71875%; } }
@media screen and (min-width: 377px) and (max-width: 378px) {
  html {
    font-size: 36.81640625%; } }
@media screen and (min-width: 378px) and (max-width: 379px) {
  html {
    font-size: 36.9140625%; } }
@media screen and (min-width: 379px) and (max-width: 380px) {
  html {
    font-size: 37.01171875%; } }
@media screen and (min-width: 380px) and (max-width: 381px) {
  html {
    font-size: 37.109375%; } }
@media screen and (min-width: 381px) and (max-width: 382px) {
  html {
    font-size: 37.20703125%; } }
@media screen and (min-width: 382px) and (max-width: 383px) {
  html {
    font-size: 37.3046875%; } }
@media screen and (min-width: 383px) and (max-width: 384px) {
  html {
    font-size: 37.40234375%; } }
@media screen and (min-width: 384px) and (max-width: 385px) {
  html {
    font-size: 37.5%; } }
@media screen and (min-width: 385px) and (max-width: 386px) {
  html {
    font-size: 37.59765625%; } }
@media screen and (min-width: 386px) and (max-width: 387px) {
  html {
    font-size: 37.6953125%; } }
@media screen and (min-width: 387px) and (max-width: 388px) {
  html {
    font-size: 37.79296875%; } }
@media screen and (min-width: 388px) and (max-width: 389px) {
  html {
    font-size: 37.890625%; } }
@media screen and (min-width: 389px) and (max-width: 390px) {
  html {
    font-size: 37.98828125%; } }
@media screen and (min-width: 390px) and (max-width: 391px) {
  html {
    font-size: 38.0859375%; } }
@media screen and (min-width: 391px) and (max-width: 392px) {
  html {
    font-size: 38.18359375%; } }
@media screen and (min-width: 392px) and (max-width: 393px) {
  html {
    font-size: 38.28125%; } }
@media screen and (min-width: 393px) and (max-width: 394px) {
  html {
    font-size: 38.37890625%; } }
@media screen and (min-width: 394px) and (max-width: 395px) {
  html {
    font-size: 38.4765625%; } }
@media screen and (min-width: 395px) and (max-width: 396px) {
  html {
    font-size: 38.57421875%; } }
@media screen and (min-width: 396px) and (max-width: 397px) {
  html {
    font-size: 38.671875%; } }
@media screen and (min-width: 397px) and (max-width: 398px) {
  html {
    font-size: 38.76953125%; } }
@media screen and (min-width: 398px) and (max-width: 399px) {
  html {
    font-size: 38.8671875%; } }
@media screen and (min-width: 399px) and (max-width: 400px) {
  html {
    font-size: 38.96484375%; } }
@media screen and (min-width: 400px) and (max-width: 401px) {
  html {
    font-size: 39.0625%; } }
@media screen and (min-width: 401px) and (max-width: 402px) {
  html {
    font-size: 39.16015625%; } }
@media screen and (min-width: 402px) and (max-width: 403px) {
  html {
    font-size: 39.2578125%; } }
@media screen and (min-width: 403px) and (max-width: 404px) {
  html {
    font-size: 39.35546875%; } }
@media screen and (min-width: 404px) and (max-width: 405px) {
  html {
    font-size: 39.453125%; } }
@media screen and (min-width: 405px) and (max-width: 406px) {
  html {
    font-size: 39.55078125%; } }
@media screen and (min-width: 406px) and (max-width: 407px) {
  html {
    font-size: 39.6484375%; } }
@media screen and (min-width: 407px) and (max-width: 408px) {
  html {
    font-size: 39.74609375%; } }
@media screen and (min-width: 408px) and (max-width: 409px) {
  html {
    font-size: 39.84375%; } }
@media screen and (min-width: 409px) and (max-width: 410px) {
  html {
    font-size: 39.94140625%; } }
@media screen and (min-width: 410px) and (max-width: 411px) {
  html {
    font-size: 40.0390625%; } }
@media screen and (min-width: 411px) and (max-width: 412px) {
  html {
    font-size: 40.13671875%; } }
@media screen and (min-width: 412px) and (max-width: 413px) {
  html {
    font-size: 40.234375%; } }
@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 40.33203125%; } }
@media screen and (min-width: 414px) and (max-width: 415px) {
  html {
    font-size: 40.4296875%; } }
@media screen and (min-width: 415px) and (max-width: 416px) {
  html {
    font-size: 40.52734375%; } }
@media screen and (min-width: 416px) and (max-width: 417px) {
  html {
    font-size: 40.625%; } }
@media screen and (min-width: 417px) and (max-width: 418px) {
  html {
    font-size: 40.72265625%; } }
@media screen and (min-width: 418px) and (max-width: 419px) {
  html {
    font-size: 40.8203125%; } }
@media screen and (min-width: 419px) and (max-width: 420px) {
  html {
    font-size: 40.91796875%; } }
@media screen and (min-width: 420px) and (max-width: 421px) {
  html {
    font-size: 41.015625%; } }
@media screen and (min-width: 421px) and (max-width: 422px) {
  html {
    font-size: 41.11328125%; } }
@media screen and (min-width: 422px) and (max-width: 423px) {
  html {
    font-size: 41.2109375%; } }
@media screen and (min-width: 423px) and (max-width: 424px) {
  html {
    font-size: 41.30859375%; } }
@media screen and (min-width: 424px) and (max-width: 425px) {
  html {
    font-size: 41.40625%; } }
@media screen and (min-width: 425px) and (max-width: 426px) {
  html {
    font-size: 41.50390625%; } }
@media screen and (min-width: 426px) and (max-width: 427px) {
  html {
    font-size: 41.6015625%; } }
@media screen and (min-width: 427px) and (max-width: 428px) {
  html {
    font-size: 41.69921875%; } }
@media screen and (min-width: 428px) and (max-width: 429px) {
  html {
    font-size: 41.796875%; } }
@media screen and (min-width: 429px) and (max-width: 430px) {
  html {
    font-size: 41.89453125%; } }
@media screen and (min-width: 430px) and (max-width: 431px) {
  html {
    font-size: 41.9921875%; } }
@media screen and (min-width: 431px) and (max-width: 432px) {
  html {
    font-size: 42.08984375%; } }
@media screen and (min-width: 432px) and (max-width: 433px) {
  html {
    font-size: 42.1875%; } }
@media screen and (min-width: 433px) and (max-width: 434px) {
  html {
    font-size: 42.28515625%; } }
@media screen and (min-width: 434px) and (max-width: 435px) {
  html {
    font-size: 42.3828125%; } }
@media screen and (min-width: 435px) and (max-width: 436px) {
  html {
    font-size: 42.48046875%; } }
@media screen and (min-width: 436px) and (max-width: 437px) {
  html {
    font-size: 42.578125%; } }
@media screen and (min-width: 437px) and (max-width: 438px) {
  html {
    font-size: 42.67578125%; } }
@media screen and (min-width: 438px) and (max-width: 439px) {
  html {
    font-size: 42.7734375%; } }
@media screen and (min-width: 439px) and (max-width: 440px) {
  html {
    font-size: 42.87109375%; } }
@media screen and (min-width: 440px) and (max-width: 441px) {
  html {
    font-size: 42.96875%; } }
@media screen and (min-width: 441px) and (max-width: 442px) {
  html {
    font-size: 43.06640625%; } }
@media screen and (min-width: 442px) and (max-width: 443px) {
  html {
    font-size: 43.1640625%; } }
@media screen and (min-width: 443px) and (max-width: 444px) {
  html {
    font-size: 43.26171875%; } }
@media screen and (min-width: 444px) and (max-width: 445px) {
  html {
    font-size: 43.359375%; } }
@media screen and (min-width: 445px) and (max-width: 446px) {
  html {
    font-size: 43.45703125%; } }
@media screen and (min-width: 446px) and (max-width: 447px) {
  html {
    font-size: 43.5546875%; } }
@media screen and (min-width: 447px) and (max-width: 448px) {
  html {
    font-size: 43.65234375%; } }
@media screen and (min-width: 448px) and (max-width: 449px) {
  html {
    font-size: 43.75%; } }
@media screen and (min-width: 449px) and (max-width: 450px) {
  html {
    font-size: 43.84765625%; } }
@media screen and (min-width: 450px) and (max-width: 451px) {
  html {
    font-size: 43.9453125%; } }
@media screen and (min-width: 451px) and (max-width: 452px) {
  html {
    font-size: 44.04296875%; } }
@media screen and (min-width: 452px) and (max-width: 453px) {
  html {
    font-size: 44.140625%; } }
@media screen and (min-width: 453px) and (max-width: 454px) {
  html {
    font-size: 44.23828125%; } }
@media screen and (min-width: 454px) and (max-width: 455px) {
  html {
    font-size: 44.3359375%; } }
@media screen and (min-width: 455px) and (max-width: 456px) {
  html {
    font-size: 44.43359375%; } }
@media screen and (min-width: 456px) and (max-width: 457px) {
  html {
    font-size: 44.53125%; } }
@media screen and (min-width: 457px) and (max-width: 458px) {
  html {
    font-size: 44.62890625%; } }
@media screen and (min-width: 458px) and (max-width: 459px) {
  html {
    font-size: 44.7265625%; } }
@media screen and (min-width: 459px) and (max-width: 460px) {
  html {
    font-size: 44.82421875%; } }
@media screen and (min-width: 460px) and (max-width: 461px) {
  html {
    font-size: 44.921875%; } }
@media screen and (min-width: 461px) and (max-width: 462px) {
  html {
    font-size: 45.01953125%; } }
@media screen and (min-width: 462px) and (max-width: 463px) {
  html {
    font-size: 45.1171875%; } }
@media screen and (min-width: 463px) and (max-width: 464px) {
  html {
    font-size: 45.21484375%; } }
@media screen and (min-width: 464px) and (max-width: 465px) {
  html {
    font-size: 45.3125%; } }
@media screen and (min-width: 465px) and (max-width: 466px) {
  html {
    font-size: 45.41015625%; } }
@media screen and (min-width: 466px) and (max-width: 467px) {
  html {
    font-size: 45.5078125%; } }
@media screen and (min-width: 467px) and (max-width: 468px) {
  html {
    font-size: 45.60546875%; } }
@media screen and (min-width: 468px) and (max-width: 469px) {
  html {
    font-size: 45.703125%; } }
@media screen and (min-width: 469px) and (max-width: 470px) {
  html {
    font-size: 45.80078125%; } }
@media screen and (min-width: 470px) and (max-width: 471px) {
  html {
    font-size: 45.8984375%; } }
@media screen and (min-width: 471px) and (max-width: 472px) {
  html {
    font-size: 45.99609375%; } }
@media screen and (min-width: 472px) and (max-width: 473px) {
  html {
    font-size: 46.09375%; } }
@media screen and (min-width: 473px) and (max-width: 474px) {
  html {
    font-size: 46.19140625%; } }
@media screen and (min-width: 474px) and (max-width: 475px) {
  html {
    font-size: 46.2890625%; } }
@media screen and (min-width: 475px) and (max-width: 476px) {
  html {
    font-size: 46.38671875%; } }
@media screen and (min-width: 476px) and (max-width: 477px) {
  html {
    font-size: 46.484375%; } }
@media screen and (min-width: 477px) and (max-width: 478px) {
  html {
    font-size: 46.58203125%; } }
@media screen and (min-width: 478px) and (max-width: 479px) {
  html {
    font-size: 46.6796875%; } }
@media screen and (min-width: 479px) and (max-width: 480px) {
  html {
    font-size: 46.77734375%; } }
@media screen and (min-width: 480px) and (max-width: 481px) {
  html {
    font-size: 46.875%; } }
@media screen and (min-width: 481px) and (max-width: 482px) {
  html {
    font-size: 46.97265625%; } }
@media screen and (min-width: 482px) and (max-width: 483px) {
  html {
    font-size: 47.0703125%; } }
@media screen and (min-width: 483px) and (max-width: 484px) {
  html {
    font-size: 47.16796875%; } }
@media screen and (min-width: 484px) and (max-width: 485px) {
  html {
    font-size: 47.265625%; } }
@media screen and (min-width: 485px) and (max-width: 486px) {
  html {
    font-size: 47.36328125%; } }
@media screen and (min-width: 486px) and (max-width: 487px) {
  html {
    font-size: 47.4609375%; } }
@media screen and (min-width: 487px) and (max-width: 488px) {
  html {
    font-size: 47.55859375%; } }
@media screen and (min-width: 488px) and (max-width: 489px) {
  html {
    font-size: 47.65625%; } }
@media screen and (min-width: 489px) and (max-width: 490px) {
  html {
    font-size: 47.75390625%; } }
@media screen and (min-width: 490px) and (max-width: 491px) {
  html {
    font-size: 47.8515625%; } }
@media screen and (min-width: 491px) and (max-width: 492px) {
  html {
    font-size: 47.94921875%; } }
@media screen and (min-width: 492px) and (max-width: 493px) {
  html {
    font-size: 48.046875%; } }
@media screen and (min-width: 493px) and (max-width: 494px) {
  html {
    font-size: 48.14453125%; } }
@media screen and (min-width: 494px) and (max-width: 495px) {
  html {
    font-size: 48.2421875%; } }
@media screen and (min-width: 495px) and (max-width: 496px) {
  html {
    font-size: 48.33984375%; } }
@media screen and (min-width: 496px) and (max-width: 497px) {
  html {
    font-size: 48.4375%; } }
@media screen and (min-width: 497px) and (max-width: 498px) {
  html {
    font-size: 48.53515625%; } }
@media screen and (min-width: 498px) and (max-width: 499px) {
  html {
    font-size: 48.6328125%; } }
@media screen and (min-width: 499px) and (max-width: 500px) {
  html {
    font-size: 48.73046875%; } }
@media screen and (min-width: 500px) and (max-width: 501px) {
  html {
    font-size: 48.828125%; } }
@media screen and (min-width: 501px) and (max-width: 502px) {
  html {
    font-size: 48.92578125%; } }
@media screen and (min-width: 502px) and (max-width: 503px) {
  html {
    font-size: 49.0234375%; } }
@media screen and (min-width: 503px) and (max-width: 504px) {
  html {
    font-size: 49.12109375%; } }
@media screen and (min-width: 504px) and (max-width: 505px) {
  html {
    font-size: 49.21875%; } }
@media screen and (min-width: 505px) and (max-width: 506px) {
  html {
    font-size: 49.31640625%; } }
@media screen and (min-width: 506px) and (max-width: 507px) {
  html {
    font-size: 49.4140625%; } }
@media screen and (min-width: 507px) and (max-width: 508px) {
  html {
    font-size: 49.51171875%; } }
@media screen and (min-width: 508px) and (max-width: 509px) {
  html {
    font-size: 49.609375%; } }
@media screen and (min-width: 509px) and (max-width: 510px) {
  html {
    font-size: 49.70703125%; } }
@media screen and (min-width: 510px) and (max-width: 511px) {
  html {
    font-size: 49.8046875%; } }
@media screen and (min-width: 511px) and (max-width: 512px) {
  html {
    font-size: 49.90234375%; } }
@media screen and (min-width: 512px) and (max-width: 513px) {
  html {
    font-size: 50%; } }
@media screen and (min-width: 513px) and (max-width: 514px) {
  html {
    font-size: 50.09765625%; } }
@media screen and (min-width: 514px) and (max-width: 515px) {
  html {
    font-size: 50.1953125%; } }
@media screen and (min-width: 515px) and (max-width: 516px) {
  html {
    font-size: 50.29296875%; } }
@media screen and (min-width: 516px) and (max-width: 517px) {
  html {
    font-size: 50.390625%; } }
@media screen and (min-width: 517px) and (max-width: 518px) {
  html {
    font-size: 50.48828125%; } }
@media screen and (min-width: 518px) and (max-width: 519px) {
  html {
    font-size: 50.5859375%; } }
@media screen and (min-width: 519px) and (max-width: 520px) {
  html {
    font-size: 50.68359375%; } }
@media screen and (min-width: 520px) and (max-width: 521px) {
  html {
    font-size: 50.78125%; } }
@media screen and (min-width: 521px) and (max-width: 522px) {
  html {
    font-size: 50.87890625%; } }
@media screen and (min-width: 522px) and (max-width: 523px) {
  html {
    font-size: 50.9765625%; } }
@media screen and (min-width: 523px) and (max-width: 524px) {
  html {
    font-size: 51.07421875%; } }
@media screen and (min-width: 524px) and (max-width: 525px) {
  html {
    font-size: 51.171875%; } }
@media screen and (min-width: 525px) and (max-width: 526px) {
  html {
    font-size: 51.26953125%; } }
@media screen and (min-width: 526px) and (max-width: 527px) {
  html {
    font-size: 51.3671875%; } }
@media screen and (min-width: 527px) and (max-width: 528px) {
  html {
    font-size: 51.46484375%; } }
@media screen and (min-width: 528px) and (max-width: 529px) {
  html {
    font-size: 51.5625%; } }
@media screen and (min-width: 529px) and (max-width: 530px) {
  html {
    font-size: 51.66015625%; } }
@media screen and (min-width: 530px) and (max-width: 531px) {
  html {
    font-size: 51.7578125%; } }
@media screen and (min-width: 531px) and (max-width: 532px) {
  html {
    font-size: 51.85546875%; } }
@media screen and (min-width: 532px) and (max-width: 533px) {
  html {
    font-size: 51.953125%; } }
@media screen and (min-width: 533px) and (max-width: 534px) {
  html {
    font-size: 52.05078125%; } }
@media screen and (min-width: 534px) and (max-width: 535px) {
  html {
    font-size: 52.1484375%; } }
@media screen and (min-width: 535px) and (max-width: 536px) {
  html {
    font-size: 52.24609375%; } }
@media screen and (min-width: 536px) and (max-width: 537px) {
  html {
    font-size: 52.34375%; } }
@media screen and (min-width: 537px) and (max-width: 538px) {
  html {
    font-size: 52.44140625%; } }
@media screen and (min-width: 538px) and (max-width: 539px) {
  html {
    font-size: 52.5390625%; } }
@media screen and (min-width: 539px) and (max-width: 540px) {
  html {
    font-size: 52.63671875%; } }
@media screen and (min-width: 540px) and (max-width: 541px) {
  html {
    font-size: 52.734375%; } }
@media screen and (min-width: 541px) and (max-width: 542px) {
  html {
    font-size: 52.83203125%; } }
@media screen and (min-width: 542px) and (max-width: 543px) {
  html {
    font-size: 52.9296875%; } }
@media screen and (min-width: 543px) and (max-width: 544px) {
  html {
    font-size: 53.02734375%; } }
@media screen and (min-width: 544px) and (max-width: 545px) {
  html {
    font-size: 53.125%; } }
@media screen and (min-width: 545px) and (max-width: 546px) {
  html {
    font-size: 53.22265625%; } }
@media screen and (min-width: 546px) and (max-width: 547px) {
  html {
    font-size: 53.3203125%; } }
@media screen and (min-width: 547px) and (max-width: 548px) {
  html {
    font-size: 53.41796875%; } }
@media screen and (min-width: 548px) and (max-width: 549px) {
  html {
    font-size: 53.515625%; } }
@media screen and (min-width: 549px) and (max-width: 550px) {
  html {
    font-size: 53.61328125%; } }
@media screen and (min-width: 550px) and (max-width: 551px) {
  html {
    font-size: 53.7109375%; } }
@media screen and (min-width: 551px) and (max-width: 552px) {
  html {
    font-size: 53.80859375%; } }
@media screen and (min-width: 552px) and (max-width: 553px) {
  html {
    font-size: 53.90625%; } }
@media screen and (min-width: 553px) and (max-width: 554px) {
  html {
    font-size: 54.00390625%; } }
@media screen and (min-width: 554px) and (max-width: 555px) {
  html {
    font-size: 54.1015625%; } }
@media screen and (min-width: 555px) and (max-width: 556px) {
  html {
    font-size: 54.19921875%; } }
@media screen and (min-width: 556px) and (max-width: 557px) {
  html {
    font-size: 54.296875%; } }
@media screen and (min-width: 557px) and (max-width: 558px) {
  html {
    font-size: 54.39453125%; } }
@media screen and (min-width: 558px) and (max-width: 559px) {
  html {
    font-size: 54.4921875%; } }
@media screen and (min-width: 559px) and (max-width: 560px) {
  html {
    font-size: 54.58984375%; } }
@media screen and (min-width: 560px) and (max-width: 561px) {
  html {
    font-size: 54.6875%; } }
@media screen and (min-width: 561px) and (max-width: 562px) {
  html {
    font-size: 54.78515625%; } }
@media screen and (min-width: 562px) and (max-width: 563px) {
  html {
    font-size: 54.8828125%; } }
@media screen and (min-width: 563px) and (max-width: 564px) {
  html {
    font-size: 54.98046875%; } }
@media screen and (min-width: 564px) and (max-width: 565px) {
  html {
    font-size: 55.078125%; } }
@media screen and (min-width: 565px) and (max-width: 566px) {
  html {
    font-size: 55.17578125%; } }
@media screen and (min-width: 566px) and (max-width: 567px) {
  html {
    font-size: 55.2734375%; } }
@media screen and (min-width: 567px) and (max-width: 568px) {
  html {
    font-size: 55.37109375%; } }
@media screen and (min-width: 568px) and (max-width: 569px) {
  html {
    font-size: 55.46875%; } }
@media screen and (min-width: 569px) and (max-width: 570px) {
  html {
    font-size: 55.56640625%; } }
@media screen and (min-width: 570px) and (max-width: 571px) {
  html {
    font-size: 55.6640625%; } }
@media screen and (min-width: 571px) and (max-width: 572px) {
  html {
    font-size: 55.76171875%; } }
@media screen and (min-width: 572px) and (max-width: 573px) {
  html {
    font-size: 55.859375%; } }
@media screen and (min-width: 573px) and (max-width: 574px) {
  html {
    font-size: 55.95703125%; } }
@media screen and (min-width: 574px) and (max-width: 575px) {
  html {
    font-size: 56.0546875%; } }
@media screen and (min-width: 575px) and (max-width: 576px) {
  html {
    font-size: 56.15234375%; } }
@media screen and (min-width: 576px) and (max-width: 577px) {
  html {
    font-size: 56.25%; } }
@media screen and (min-width: 577px) and (max-width: 578px) {
  html {
    font-size: 56.34765625%; } }
@media screen and (min-width: 578px) and (max-width: 579px) {
  html {
    font-size: 56.4453125%; } }
@media screen and (min-width: 579px) and (max-width: 580px) {
  html {
    font-size: 56.54296875%; } }
@media screen and (min-width: 580px) and (max-width: 581px) {
  html {
    font-size: 56.640625%; } }
@media screen and (min-width: 581px) and (max-width: 582px) {
  html {
    font-size: 56.73828125%; } }
@media screen and (min-width: 582px) and (max-width: 583px) {
  html {
    font-size: 56.8359375%; } }
@media screen and (min-width: 583px) and (max-width: 584px) {
  html {
    font-size: 56.93359375%; } }
@media screen and (min-width: 584px) and (max-width: 585px) {
  html {
    font-size: 57.03125%; } }
@media screen and (min-width: 585px) and (max-width: 586px) {
  html {
    font-size: 57.12890625%; } }
@media screen and (min-width: 586px) and (max-width: 587px) {
  html {
    font-size: 57.2265625%; } }
@media screen and (min-width: 587px) and (max-width: 588px) {
  html {
    font-size: 57.32421875%; } }
@media screen and (min-width: 588px) and (max-width: 589px) {
  html {
    font-size: 57.421875%; } }
@media screen and (min-width: 589px) and (max-width: 590px) {
  html {
    font-size: 57.51953125%; } }
@media screen and (min-width: 590px) and (max-width: 591px) {
  html {
    font-size: 57.6171875%; } }
@media screen and (min-width: 591px) and (max-width: 592px) {
  html {
    font-size: 57.71484375%; } }
@media screen and (min-width: 592px) and (max-width: 593px) {
  html {
    font-size: 57.8125%; } }
@media screen and (min-width: 593px) and (max-width: 594px) {
  html {
    font-size: 57.91015625%; } }
@media screen and (min-width: 594px) and (max-width: 595px) {
  html {
    font-size: 58.0078125%; } }
@media screen and (min-width: 595px) and (max-width: 596px) {
  html {
    font-size: 58.10546875%; } }
@media screen and (min-width: 596px) and (max-width: 597px) {
  html {
    font-size: 58.203125%; } }
@media screen and (min-width: 597px) and (max-width: 598px) {
  html {
    font-size: 58.30078125%; } }
@media screen and (min-width: 598px) and (max-width: 599px) {
  html {
    font-size: 58.3984375%; } }
@media screen and (min-width: 599px) and (max-width: 600px) {
  html {
    font-size: 58.49609375%; } }
@media screen and (min-width: 600px) and (max-width: 601px) {
  html {
    font-size: 58.59375%; } }
@media screen and (min-width: 601px) and (max-width: 602px) {
  html {
    font-size: 58.69140625%; } }
@media screen and (min-width: 602px) and (max-width: 603px) {
  html {
    font-size: 58.7890625%; } }
@media screen and (min-width: 603px) and (max-width: 604px) {
  html {
    font-size: 58.88671875%; } }
@media screen and (min-width: 604px) and (max-width: 605px) {
  html {
    font-size: 58.984375%; } }
@media screen and (min-width: 605px) and (max-width: 606px) {
  html {
    font-size: 59.08203125%; } }
@media screen and (min-width: 606px) and (max-width: 607px) {
  html {
    font-size: 59.1796875%; } }
@media screen and (min-width: 607px) and (max-width: 608px) {
  html {
    font-size: 59.27734375%; } }
@media screen and (min-width: 608px) and (max-width: 609px) {
  html {
    font-size: 59.375%; } }
@media screen and (min-width: 609px) and (max-width: 610px) {
  html {
    font-size: 59.47265625%; } }
@media screen and (min-width: 610px) and (max-width: 611px) {
  html {
    font-size: 59.5703125%; } }
@media screen and (min-width: 611px) and (max-width: 612px) {
  html {
    font-size: 59.66796875%; } }
@media screen and (min-width: 612px) and (max-width: 613px) {
  html {
    font-size: 59.765625%; } }
@media screen and (min-width: 613px) and (max-width: 614px) {
  html {
    font-size: 59.86328125%; } }
@media screen and (min-width: 614px) and (max-width: 615px) {
  html {
    font-size: 59.9609375%; } }
@media screen and (min-width: 615px) and (max-width: 616px) {
  html {
    font-size: 60.05859375%; } }
@media screen and (min-width: 616px) and (max-width: 617px) {
  html {
    font-size: 60.15625%; } }
@media screen and (min-width: 617px) and (max-width: 618px) {
  html {
    font-size: 60.25390625%; } }
@media screen and (min-width: 618px) and (max-width: 619px) {
  html {
    font-size: 60.3515625%; } }
@media screen and (min-width: 619px) and (max-width: 620px) {
  html {
    font-size: 60.44921875%; } }
@media screen and (min-width: 620px) and (max-width: 621px) {
  html {
    font-size: 60.546875%; } }
@media screen and (min-width: 621px) and (max-width: 622px) {
  html {
    font-size: 60.64453125%; } }
@media screen and (min-width: 622px) and (max-width: 623px) {
  html {
    font-size: 60.7421875%; } }
@media screen and (min-width: 623px) and (max-width: 624px) {
  html {
    font-size: 60.83984375%; } }
@media screen and (min-width: 624px) and (max-width: 625px) {
  html {
    font-size: 60.9375%; } }
@media screen and (min-width: 625px) and (max-width: 626px) {
  html {
    font-size: 61.03515625%; } }
@media screen and (min-width: 626px) and (max-width: 627px) {
  html {
    font-size: 61.1328125%; } }
@media screen and (min-width: 627px) and (max-width: 628px) {
  html {
    font-size: 61.23046875%; } }
@media screen and (min-width: 628px) and (max-width: 629px) {
  html {
    font-size: 61.328125%; } }
@media screen and (min-width: 629px) and (max-width: 630px) {
  html {
    font-size: 61.42578125%; } }
@media screen and (min-width: 630px) and (max-width: 631px) {
  html {
    font-size: 61.5234375%; } }
@media screen and (min-width: 631px) and (max-width: 632px) {
  html {
    font-size: 61.62109375%; } }
@media screen and (min-width: 632px) and (max-width: 633px) {
  html {
    font-size: 61.71875%; } }
@media screen and (min-width: 633px) and (max-width: 634px) {
  html {
    font-size: 61.81640625%; } }
@media screen and (min-width: 634px) and (max-width: 635px) {
  html {
    font-size: 61.9140625%; } }
@media screen and (min-width: 635px) and (max-width: 636px) {
  html {
    font-size: 62.01171875%; } }
@media screen and (min-width: 636px) and (max-width: 637px) {
  html {
    font-size: 62.109375%; } }
@media screen and (min-width: 637px) and (max-width: 638px) {
  html {
    font-size: 62.20703125%; } }
@media screen and (min-width: 638px) and (max-width: 639px) {
  html {
    font-size: 62.3046875%; } }
@media screen and (min-width: 639px) and (max-width: 640px) {
  html {
    font-size: 62.40234375%; } }
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.cb {
  clear: both; }

.tac {
  text-align: center; }

.cxs1,
.csm1,
.cmd1,
.clg1,
.cxs2,
.csm2,
.cmd2,
.clg2,
.cxs3,
.csm3,
.cmd3,
.clg3,
.cxs4,
.csm4,
.cmd4,
.clg4,
.cxs5,
.csm5,
.cmd5,
.clg5,
.cxs6,
.csm6,
.cmd6,
.clg6,
.cxs7,
.csm7,
.cmd7,
.clg7,
.cxs8,
.csm8,
.cmd8,
.clg8,
.cxs9,
.csm9,
.cmd9,
.clg9,
.cxs10,
.csm10,
.cmd10,
.clg10,
.cxs11,
.csm11,
.cmd11,
.clg11,
.cxs12,
.csm12,
.cmd12,
.clg12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.cxs1,
.cxs2,
.cxs3,
.cxs4,
.cxs5,
.cxs6,
.cxs7,
.cxs8,
.cxs9,
.cxs10,
.cxs11,
.cxs12 {
  float: left; }

.cxs12 {
  width: 100%; }

.cxs11 {
  width: 91.66666667%; }

.cxs10 {
  width: 83.33333333%; }

.cxs9 {
  width: 75%; }

.cxs8 {
  width: 66.66666667%; }

.cxs7 {
  width: 58.33333333%; }

.cxs6 {
  width: 50%; }

.cxs5 {
  width: 41.66666667%; }

.cxs4 {
  width: 33.33333333%; }

.cxs3 {
  width: 25%; }

.cxs2 {
  width: 16.66666667%; }

.cxs1 {
  width: 8.33333333%; }

@media (min-width: 768px) {
  .csm1,
  .csm2,
  .csm3,
  .csm4,
  .csm5,
  .csm6,
  .csm7,
  .csm8,
  .csm9,
  .csm10,
  .csm11,
  .csm12 {
    float: left; }

  .csm12 {
    width: 100%; }

  .csm11 {
    width: 91.66666667%; }

  .csm10 {
    width: 83.33333333%; }

  .csm9 {
    width: 75%; }

  .csm8 {
    width: 66.66666667%; }

  .csm7 {
    width: 58.33333333%; }

  .csm6 {
    width: 50%; }

  .csm5 {
    width: 41.66666667%; }

  .csm4 {
    width: 33.33333333%; }

  .csm3 {
    width: 25%; }

  .csm2 {
    width: 16.66666667%; }

  .csm1 {
    width: 8.33333333%; } }
@media (min-width: 992px) {
  .cmd1,
  .cmd2,
  .cmd3,
  .cmd4,
  .cmd5,
  .cmd6,
  .cmd7,
  .cmd8,
  .cmd9,
  .cmd10,
  .cmd11,
  .cmd12 {
    float: left; }

  .cmd12 {
    width: 100%; }

  .cmd11 {
    width: 91.66666667%; }

  .cmd10 {
    width: 83.33333333%; }

  .cmd9 {
    width: 75%; }

  .cmd8 {
    width: 66.66666667%; }

  .cmd7 {
    width: 58.33333333%; }

  .cmd6 {
    width: 50%; }

  .cmd5 {
    width: 41.66666667%; }

  .cmd4 {
    width: 33.33333333%; }

  .cmd3 {
    width: 25%; }

  .cmd2 {
    width: 16.66666667%; }

  .cmd1 {
    width: 8.33333333%; } }
.csm25 {
  width: 20%; }

.csm15 {
  width: 12.5%; }

html,
body {
  overflow-x: hidden; }

body,
div,
ul,
li,
ol,
dl,
dt,
dd,
input,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
img,
p {
  margin: 0;
  padding: 0;
  border: none; }

* {
  transition: color .3s;
  -moz-transition: color .3s;
  -ms-transition: color .3s;
  -o-transition: color .3s;
  -webkit-transition: color .3s; }

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto; }

a {
  text-decoration: none;
  color: inherit; }

a:hover,
a:focus {
  text-decoration: none;
  color: #e84924; }

a:hover, a:focus {
  color: #e84924; }

.img-r {
  display: block;
  max-width: 100%;
  height: auto; }

.ctn:before,
.ctn:after {
  content: " ";
  display: table; }

.ctn:after {
  clear: both; }

.row:before,
.row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.cxs5s,
.csm5s,
.cmd5s,
.clg5s {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

.p-l {
  float: left !important; }

.p-r {
  float: right !important; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.ctn {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

@media (min-width: 768px) {
  .ctn {
    width: 750px; } }
@media (min-width: 992px) {
  .ctn {
    width: 970px; } }
@media (min-width: 1200px) {
  .ctn {
    width: 1250px; } }
@media (min-width: 1400px) {
  .ctn {
    width: 1300px; } }
@font-face {
  font-family: mo;
  src: url(a/f/Montserrat-Regular.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-m;
  src: url(a/f/Montserrat-Medium.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-b;
  src: url(a/f/Montserrat-Bold.ttf);
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: mo-sb;
  src: url(a/f/Montserrat-SemiBold.ttf);
  font-weight: normal;
  font-display: swap; }
body {
  font-family: mo-m , Arial , Tahoma;
  font-size: 24px;
  line-height: normal;
  font-weight: normal;
  color: #333;
  line-height: 1.5; }

#main {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(a/i/bg.jpg) no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }
  #main .logo {
    display: block;
    margin: 0 auto 50px; }

#nd {
  width: 580px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  padding: 50px 20px; }
  #nd .bang {
    display: flex;
    line-height: 40px;
    margin-bottom: 30px; }
  #nd .rig {
        width: 60%;
    min-height: 40px;
    line-height: 28px;
    padding: 0 12px;
    border: 1px solid #bcbcbc;
    color: #1d2d5b;
    font-family: mo-sb;
    font-size: 20px;
    padding: 6px 12px; }
  #nd .lef {
    width: 40%;
    text-align: left; }
  #nd p {
    text-align: center; }

#xacnhan {
  width: 290px;
  height: 52px;
  border-radius: 23px;
  background: #1d2d5b;
  color: #fff;
  text-align: center;
  line-height: 52px;
  text-transform: uppercase;
  font-family: mo-b;
  display: inline-block;
  cursor: pointer; }

@media (max-width: 640px) {
  #main {
    background: url(a/i/bg_m.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 7rem; }
    #main .logo {
      width: 30rem;
      margin: 0 auto 5rem; }
    #main .thong_tin {
      width: 100%;
      padding: 0 2rem; }

  #nd {
    width: 100%;
    padding: 4rem 2rem;
    font-size: 2.5rem; }
    #nd .bang {
      line-height: 4.5rem;
      margin-bottom: 3rem; }
    #nd .rig {
          min-height: 4.5rem;
    line-height: 4.5rem;
    padding: 0.6rem 1.2rem;
    border: 0.1rem solid #bcbcbc;}

  #xacnhan {
    width: 29rem;
    height: 5.2rem;
    border-radius: 2.3rem;
    line-height: 5.2rem; } }

/*# sourceMappingURL=qr.css.map */