@media (min-width: 1920px) { html { font-size: 23px; } }
@media (min-width: 2160px) { html { font-size: 26px; } }
@media (min-width: 2400px) { html { font-size: 28px; } }
@media (min-width: 2640px) { html { font-size: 31px; } }
@media (min-width: 2880px) { html { font-size: 33px; } }
@media (min-width: 3120px) { html { font-size: 36px; } }
@media (min-width: 3360px) { html { font-size: 38px; } }
@media (min-width: 3600px) { html { font-size: 41px; } }
@media (min-width: 3840px) { html { font-size: 44px; } }
@media (min-width: 4080px) { html { font-size: 46px; } }
@media (min-width: 4320px) { html { font-size: 49px; } }
@media (min-width: 4560px) { html { font-size: 51px; } }
@media (min-width: 4800px) { html { font-size: 54px; } }
@media (min-width: 5040px) { html { font-size: 56px; } }
@media (min-width: 5280px) { html { font-size: 59px; } }
@media (min-width: 5520px) { html { font-size: 61px; } }
@media (min-width: 5760px) { html { font-size: 64px; } }
@media (min-width: 6000px) { html { font-size: 67px; } }
@media (min-width: 6240px) { html { font-size: 69px; } }
@media (min-width: 6480px) { html { font-size: 72px; } }
@media (min-width: 6720px) { html { font-size: 74px; } }
@media (min-width: 6960px) { html { font-size: 77px; } }
@media (min-width: 7200px) { html { font-size: 79px; } }
@media (min-width: 7440px) { html { font-size: 82px; } }
@media (min-width: 7680px) { html { font-size: 84px; } }
@media (min-width: 7920px) { html { font-size: 87px; } }
@media (min-width: 8160px) { html { font-size: 90px; } }
@media (min-width: 8400px) { html { font-size: 92px; } }
@media (min-width: 8640px) { html { font-size: 95px; } }
@media (min-width: 8880px) { html { font-size: 97px; } }
@media (min-width: 9120px) { html { font-size: 100px; } }
@media (min-width: 9360px) { html { font-size: 102px; } }
@media (min-width: 9600px) { html { font-size: 105px; } }
@media (min-width: 9840px) { html { font-size: 107px; } }
@media (min-width: 10080px) { html { font-size: 110px; } }
@media (min-width: 10320px) { html { font-size: 113px; } }
@media (min-width: 10560px) { html { font-size: 115px; } }
@media (min-width: 10800px) { html { font-size: 118px; } }
@media (min-width: 11040px) { html { font-size: 120px; } }
@media (min-width: 11280px) { html { font-size: 123px; } }
@media (min-width: 11520px) { html { font-size: 125px; } }
@media (min-width: 11760px) { html { font-size: 128px; } }
@media (min-width: 12000px) { html { font-size: 130px; } }
@media (min-width: 12240px) { html { font-size: 133px; } }
@media (min-width: 12480px) { html { font-size: 136px; } }
@media (min-width: 12720px) { html { font-size: 138px; } }
@media (min-width: 12960px) { html { font-size: 141px; } }
@media (min-width: 13200px) { html { font-size: 143px; } }
@media (min-width: 13440px) { html { font-size: 146px; } }
@media (min-width: 13680px) { html { font-size: 148px; } }
@media (min-width: 13920px) { html { font-size: 151px; } }
@media (min-width: 14160px) { html { font-size: 153px; } }
@media (min-width: 14400px) { html { font-size: 156px; } }
@media (min-width: 14640px) { html { font-size: 159px; } }
@media (min-width: 14880px) { html { font-size: 161px; } }
@media (min-width: 15120px) { html { font-size: 164px; } }
@media (min-width: 15360px) { html { font-size: 166px; } }
@media (min-width: 15600px) { html { font-size: 169px; } }
@media (min-width: 15840px) { html { font-size: 171px; } }
@media (min-width: 16080px) { html { font-size: 174px; } }
@media (min-width: 16320px) { html { font-size: 176px; } }
@media (min-width: 16560px) { html { font-size: 179px; } }
@media (min-width: 16800px) { html { font-size: 182px; } }
@media (min-width: 17040px) { html { font-size: 184px; } }
@media (min-width: 17280px) { html { font-size: 187px; } }
@media (min-width: 17520px) { html { font-size: 189px; } }
@media (min-width: 17760px) { html { font-size: 192px; } }
@media (min-width: 18000px) { html { font-size: 194px; } }
@media (min-width: 18240px) { html { font-size: 197px; } }
@media (min-width: 18480px) { html { font-size: 199px; } }
@media (min-width: 18720px) { html { font-size: 202px; } }
@media (min-width: 18960px) { html { font-size: 205px; } }
@media (min-width: 19200px) { html { font-size: 207px; } }
@media (min-width: 19440px) { html { font-size: 210px; } }
@media (min-width: 19680px) { html { font-size: 212px; } }
@media (min-width: 19920px) { html { font-size: 215px; } }
@media (min-width: 20160px) { html { font-size: 217px; } }
@media (min-width: 20400px) { html { font-size: 220px; } }
@media (min-width: 20640px) { html { font-size: 222px; } }
@media (min-width: 20880px) { html { font-size: 225px; } }
@media (min-width: 21120px) { html { font-size: 228px; } }
@media (min-width: 21360px) { html { font-size: 230px; } }
@media (min-width: 21600px) { html { font-size: 233px; } }
@media (min-width: 21840px) { html { font-size: 235px; } }
@media (min-width: 22080px) { html { font-size: 238px; } }
@media (min-width: 22320px) { html { font-size: 240px; } }
@media (min-width: 22560px) { html { font-size: 243px; } }
@media (min-width: 22800px) { html { font-size: 245px; } }
@media (min-width: 23040px) { html { font-size: 248px; } }
@media (min-width: 23280px) { html { font-size: 251px; } }
@media (min-width: 23520px) { html { font-size: 253px; } }
@media (min-width: 23760px) { html { font-size: 256px; } }
@media (min-width: 24000px) { html { font-size: 258px; } }
@media (min-width: 24240px) { html { font-size: 261px; } }
@media (min-width: 24480px) { html { font-size: 263px; } }
@media (min-width: 24720px) { html { font-size: 266px; } }
@media (min-width: 24960px) { html { font-size: 268px; } }
@media (min-width: 25200px) { html { font-size: 271px; } }
@media (min-width: 25440px) { html { font-size: 274px; } }
@media (min-width: 25680px) { html { font-size: 276px; } }
@media (min-width: 25920px) { html { font-size: 279px; } }
@media (min-width: 26160px) { html { font-size: 281px; } }
@media (min-width: 26400px) { html { font-size: 284px; } }
@media (min-width: 26640px) { html { font-size: 286px; } }
@media (min-width: 26880px) { html { font-size: 289px; } }
@media (min-width: 27120px) { html { font-size: 291px; } }
@media (min-width: 27360px) { html { font-size: 294px; } }
@media (min-width: 27600px) { html { font-size: 297px; } }
@media (min-width: 27840px) { html { font-size: 299px; } }
@media (min-width: 28080px) { html { font-size: 302px; } }
@media (min-width: 28320px) { html { font-size: 304px; } }
@media (min-width: 28560px) { html { font-size: 307px; } }
@media (min-width: 28800px) { html { font-size: 309px; } }
@media (min-width: 29040px) { html { font-size: 312px; } }
@media (min-width: 29280px) { html { font-size: 314px; } }
@media (min-width: 29520px) { html { font-size: 317px; } }
@media (min-width: 29760px) { html { font-size: 320px; } }
@media (min-width: 30000px) { html { font-size: 322px; } }
@media (min-width: 30240px) { html { font-size: 325px; } }
@media (min-width: 30480px) { html { font-size: 327px; } }
@media (min-width: 30720px) { html { font-size: 330px; } }

@media (min-width: 1920px) { .container { max-width: 1536px; } }
@media (min-width: 2160px) { .container { max-width: 1728px; } }
@media (min-width: 2400px) { .container { max-width: 1920px; } }
@media (min-width: 2640px) { .container { max-width: 2112px; } }
@media (min-width: 2880px) { .container { max-width: 2304px; } }
@media (min-width: 3120px) { .container { max-width: 2496px; } }
@media (min-width: 3360px) { .container { max-width: 2688px; } }
@media (min-width: 3600px) { .container { max-width: 2880px; } }
@media (min-width: 3840px) { .container { max-width: 3072px; } }
@media (min-width: 4080px) { .container { max-width: 3264px; } }
@media (min-width: 4320px) { .container { max-width: 3456px; } }
@media (min-width: 4560px) { .container { max-width: 3648px; } }
@media (min-width: 4800px) { .container { max-width: 3840px; } }
@media (min-width: 5040px) { .container { max-width: 4032px; } }
@media (min-width: 5280px) { .container { max-width: 4224px; } }
@media (min-width: 5520px) { .container { max-width: 4416px; } }
@media (min-width: 5760px) { .container { max-width: 4608px; } }
@media (min-width: 6000px) { .container { max-width: 4800px; } }
@media (min-width: 6240px) { .container { max-width: 4992px; } }
@media (min-width: 6480px) { .container { max-width: 5184px; } }
@media (min-width: 6720px) { .container { max-width: 5376px; } }
@media (min-width: 6960px) { .container { max-width: 5568px; } }
@media (min-width: 7200px) { .container { max-width: 5760px; } }
@media (min-width: 7440px) { .container { max-width: 5952px; } }
@media (min-width: 7680px) { .container { max-width: 6144px; } }
@media (min-width: 7920px) { .container { max-width: 6336px; } }
@media (min-width: 8160px) { .container { max-width: 6528px; } }
@media (min-width: 8400px) { .container { max-width: 6720px; } }
@media (min-width: 8640px) { .container { max-width: 6912px; } }
@media (min-width: 8880px) { .container { max-width: 7104px; } }
@media (min-width: 9120px) { .container { max-width: 7296px; } }
@media (min-width: 9360px) { .container { max-width: 7488px; } }
@media (min-width: 9600px) { .container { max-width: 7680px; } }
@media (min-width: 9840px) { .container { max-width: 7872px; } }
@media (min-width: 10080px) { .container { max-width: 8064px; } }
@media (min-width: 10320px) { .container { max-width: 8256px; } }
@media (min-width: 10560px) { .container { max-width: 8448px; } }
@media (min-width: 10800px) { .container { max-width: 8640px; } }
@media (min-width: 11040px) { .container { max-width: 8832px; } }
@media (min-width: 11280px) { .container { max-width: 9024px; } }
@media (min-width: 11520px) { .container { max-width: 9216px; } }
@media (min-width: 11760px) { .container { max-width: 9408px; } }
@media (min-width: 12000px) { .container { max-width: 9600px; } }
@media (min-width: 12240px) { .container { max-width: 9792px; } }
@media (min-width: 12480px) { .container { max-width: 9984px; } }
@media (min-width: 12720px) { .container { max-width: 10176px; } }
@media (min-width: 12960px) { .container { max-width: 10368px; } }
@media (min-width: 13200px) { .container { max-width: 10560px; } }
@media (min-width: 13440px) { .container { max-width: 10752px; } }
@media (min-width: 13680px) { .container { max-width: 10944px; } }
@media (min-width: 13920px) { .container { max-width: 11136px; } }
@media (min-width: 14160px) { .container { max-width: 11328px; } }
@media (min-width: 14400px) { .container { max-width: 11520px; } }
@media (min-width: 14640px) { .container { max-width: 11712px; } }
@media (min-width: 14880px) { .container { max-width: 11904px; } }
@media (min-width: 15120px) { .container { max-width: 12096px; } }
@media (min-width: 15360px) { .container { max-width: 12288px; } }
@media (min-width: 15600px) { .container { max-width: 12480px; } }
@media (min-width: 15840px) { .container { max-width: 12672px; } }
@media (min-width: 16080px) { .container { max-width: 12864px; } }
@media (min-width: 16320px) { .container { max-width: 13056px; } }
@media (min-width: 16560px) { .container { max-width: 13248px; } }
@media (min-width: 16800px) { .container { max-width: 13440px; } }
@media (min-width: 17040px) { .container { max-width: 13632px; } }
@media (min-width: 17280px) { .container { max-width: 13824px; } }
@media (min-width: 17520px) { .container { max-width: 14016px; } }
@media (min-width: 17760px) { .container { max-width: 14208px; } }
@media (min-width: 18000px) { .container { max-width: 14400px; } }
@media (min-width: 18240px) { .container { max-width: 14592px; } }
@media (min-width: 18480px) { .container { max-width: 14784px; } }
@media (min-width: 18720px) { .container { max-width: 14976px; } }
@media (min-width: 18960px) { .container { max-width: 15168px; } }
@media (min-width: 19200px) { .container { max-width: 15360px; } }
@media (min-width: 19440px) { .container { max-width: 15552px; } }
@media (min-width: 19680px) { .container { max-width: 15744px; } }
@media (min-width: 19920px) { .container { max-width: 15936px; } }
@media (min-width: 20160px) { .container { max-width: 16128px; } }
@media (min-width: 20400px) { .container { max-width: 16320px; } }
@media (min-width: 20640px) { .container { max-width: 16512px; } }
@media (min-width: 20880px) { .container { max-width: 16704px; } }
@media (min-width: 21120px) { .container { max-width: 16896px; } }
@media (min-width: 21360px) { .container { max-width: 17088px; } }
@media (min-width: 21600px) { .container { max-width: 17280px; } }
@media (min-width: 21840px) { .container { max-width: 17472px; } }
@media (min-width: 22080px) { .container { max-width: 17664px; } }
@media (min-width: 22320px) { .container { max-width: 17856px; } }
@media (min-width: 22560px) { .container { max-width: 18048px; } }
@media (min-width: 22800px) { .container { max-width: 18240px; } }
@media (min-width: 23040px) { .container { max-width: 18432px; } }
@media (min-width: 23280px) { .container { max-width: 18624px; } }
@media (min-width: 23520px) { .container { max-width: 18816px; } }
@media (min-width: 23760px) { .container { max-width: 19008px; } }
@media (min-width: 24000px) { .container { max-width: 19200px; } }
@media (min-width: 24240px) { .container { max-width: 19392px; } }
@media (min-width: 24480px) { .container { max-width: 19584px; } }
@media (min-width: 24720px) { .container { max-width: 19776px; } }
@media (min-width: 24960px) { .container { max-width: 19968px; } }
@media (min-width: 25200px) { .container { max-width: 20160px; } }
@media (min-width: 25440px) { .container { max-width: 20352px; } }
@media (min-width: 25680px) { .container { max-width: 20544px; } }
@media (min-width: 25920px) { .container { max-width: 20736px; } }
@media (min-width: 26160px) { .container { max-width: 20928px; } }
@media (min-width: 26400px) { .container { max-width: 21120px; } }
@media (min-width: 26640px) { .container { max-width: 21312px; } }
@media (min-width: 26880px) { .container { max-width: 21504px; } }
@media (min-width: 27120px) { .container { max-width: 21696px; } }
@media (min-width: 27360px) { .container { max-width: 21888px; } }
@media (min-width: 27600px) { .container { max-width: 22080px; } }
@media (min-width: 27840px) { .container { max-width: 22272px; } }
@media (min-width: 28080px) { .container { max-width: 22464px; } }
@media (min-width: 28320px) { .container { max-width: 22656px; } }
@media (min-width: 28560px) { .container { max-width: 22848px; } }
@media (min-width: 28800px) { .container { max-width: 23040px; } }
@media (min-width: 29040px) { .container { max-width: 23232px; } }
@media (min-width: 29280px) { .container { max-width: 23424px; } }
@media (min-width: 29520px) { .container { max-width: 23616px; } }
@media (min-width: 29760px) { .container { max-width: 23808px; } }
@media (min-width: 30000px) { .container { max-width: 24000px; } }
@media (min-width: 30240px) { .container { max-width: 24192px; } }
@media (min-width: 30480px) { .container { max-width: 24384px; } }
@media (min-width: 30720px) { .container { max-width: 24576px; } }