/* ==========================================
   RESPONSIVE FONT SIZES
   One class per size per breakpoint: <breakpoint><px>, e.g. xs19, sm23, md25.
   Mobile-first: each applies from its breakpoint up until a larger one
   overrides it, so  class="xs15 sm22 lg29"  is 15px on phones, 22px from
   640px, 29px from 1024px.

     xs  all screens (phones)      md  768px and up
     sm  640px and up              lg  1024px and up
                                   xl  1280px and up

   Sizes: every px from 10 to 64, then every 2px from 66 to 120.
   Use these on one-off elements in the HTML. For repeated components
   (cards, feature items, ...) set sizes on the component in style.css.
   Loaded after style.css, so these win over sizes set there. Don't combine
   them with Tailwind text-[..] / text-lg classes on the same element.
   ========================================== */

/* xs: all screens */
.xs10 { font-size: 10px; }
.xs11 { font-size: 11px; }
.xs12 { font-size: 12px; }
.xs13 { font-size: 13px; }
.xs14 { font-size: 14px; }
.xs15 { font-size: 15px; }
.xs16 { font-size: 16px; }
.xs17 { font-size: 17px; }
.xs18 { font-size: 18px; }
.xs19 { font-size: 19px; }
.xs20 { font-size: 20px; }
.xs21 { font-size: 21px; }
.xs22 { font-size: 22px; }
.xs23 { font-size: 23px; }
.xs24 { font-size: 24px; }
.xs25 { font-size: 25px; }
.xs26 { font-size: 26px; }
.xs27 { font-size: 27px; }
.xs28 { font-size: 28px; }
.xs29 { font-size: 29px; }
.xs30 { font-size: 30px; }
.xs31 { font-size: 31px; }
.xs32 { font-size: 32px; }
.xs33 { font-size: 33px; }
.xs34 { font-size: 34px; }
.xs35 { font-size: 35px; }
.xs36 { font-size: 36px; }
.xs37 { font-size: 37px; }
.xs38 { font-size: 38px; }
.xs39 { font-size: 39px; }
.xs40 { font-size: 40px; }
.xs41 { font-size: 41px; }
.xs42 { font-size: 42px; }
.xs43 { font-size: 43px; }
.xs44 { font-size: 44px; }
.xs45 { font-size: 45px; }
.xs46 { font-size: 46px; }
.xs47 { font-size: 47px; }
.xs48 { font-size: 48px; }
.xs49 { font-size: 49px; }
.xs50 { font-size: 50px; }
.xs51 { font-size: 51px; }
.xs52 { font-size: 52px; }
.xs53 { font-size: 53px; }
.xs54 { font-size: 54px; }
.xs55 { font-size: 55px; }
.xs56 { font-size: 56px; }
.xs57 { font-size: 57px; }
.xs58 { font-size: 58px; }
.xs59 { font-size: 59px; }
.xs60 { font-size: 60px; }
.xs61 { font-size: 61px; }
.xs62 { font-size: 62px; }
.xs63 { font-size: 63px; }
.xs64 { font-size: 64px; }
.xs66 { font-size: 66px; }
.xs68 { font-size: 68px; }
.xs70 { font-size: 70px; }
.xs72 { font-size: 72px; }
.xs74 { font-size: 74px; }
.xs76 { font-size: 76px; }
.xs78 { font-size: 78px; }
.xs80 { font-size: 80px; }
.xs82 { font-size: 82px; }
.xs84 { font-size: 84px; }
.xs86 { font-size: 86px; }
.xs88 { font-size: 88px; }
.xs90 { font-size: 90px; }
.xs92 { font-size: 92px; }
.xs94 { font-size: 94px; }
.xs96 { font-size: 96px; }
.xs98 { font-size: 98px; }
.xs100 { font-size: 100px; }
.xs102 { font-size: 102px; }
.xs104 { font-size: 104px; }
.xs106 { font-size: 106px; }
.xs108 { font-size: 108px; }
.xs110 { font-size: 110px; }
.xs112 { font-size: 112px; }
.xs114 { font-size: 114px; }
.xs116 { font-size: 116px; }
.xs118 { font-size: 118px; }
.xs120 { font-size: 120px; }

/* sm: 640px and up */
@media (min-width: 640px) {
  .sm10 { font-size: 10px; }
  .sm11 { font-size: 11px; }
  .sm12 { font-size: 12px; }
  .sm13 { font-size: 13px; }
  .sm14 { font-size: 14px; }
  .sm15 { font-size: 15px; }
  .sm16 { font-size: 16px; }
  .sm17 { font-size: 17px; }
  .sm18 { font-size: 18px; }
  .sm19 { font-size: 19px; }
  .sm20 { font-size: 20px; }
  .sm21 { font-size: 21px; }
  .sm22 { font-size: 22px; }
  .sm23 { font-size: 23px; }
  .sm24 { font-size: 24px; }
  .sm25 { font-size: 25px; }
  .sm26 { font-size: 26px; }
  .sm27 { font-size: 27px; }
  .sm28 { font-size: 28px; }
  .sm29 { font-size: 29px; }
  .sm30 { font-size: 30px; }
  .sm31 { font-size: 31px; }
  .sm32 { font-size: 32px; }
  .sm33 { font-size: 33px; }
  .sm34 { font-size: 34px; }
  .sm35 { font-size: 35px; }
  .sm36 { font-size: 36px; }
  .sm37 { font-size: 37px; }
  .sm38 { font-size: 38px; }
  .sm39 { font-size: 39px; }
  .sm40 { font-size: 40px; }
  .sm41 { font-size: 41px; }
  .sm42 { font-size: 42px; }
  .sm43 { font-size: 43px; }
  .sm44 { font-size: 44px; }
  .sm45 { font-size: 45px; }
  .sm46 { font-size: 46px; }
  .sm47 { font-size: 47px; }
  .sm48 { font-size: 48px; }
  .sm49 { font-size: 49px; }
  .sm50 { font-size: 50px; }
  .sm51 { font-size: 51px; }
  .sm52 { font-size: 52px; }
  .sm53 { font-size: 53px; }
  .sm54 { font-size: 54px; }
  .sm55 { font-size: 55px; }
  .sm56 { font-size: 56px; }
  .sm57 { font-size: 57px; }
  .sm58 { font-size: 58px; }
  .sm59 { font-size: 59px; }
  .sm60 { font-size: 60px; }
  .sm61 { font-size: 61px; }
  .sm62 { font-size: 62px; }
  .sm63 { font-size: 63px; }
  .sm64 { font-size: 64px; }
  .sm66 { font-size: 66px; }
  .sm68 { font-size: 68px; }
  .sm70 { font-size: 70px; }
  .sm72 { font-size: 72px; }
  .sm74 { font-size: 74px; }
  .sm76 { font-size: 76px; }
  .sm78 { font-size: 78px; }
  .sm80 { font-size: 80px; }
  .sm82 { font-size: 82px; }
  .sm84 { font-size: 84px; }
  .sm86 { font-size: 86px; }
  .sm88 { font-size: 88px; }
  .sm90 { font-size: 90px; }
  .sm92 { font-size: 92px; }
  .sm94 { font-size: 94px; }
  .sm96 { font-size: 96px; }
  .sm98 { font-size: 98px; }
  .sm100 { font-size: 100px; }
  .sm102 { font-size: 102px; }
  .sm104 { font-size: 104px; }
  .sm106 { font-size: 106px; }
  .sm108 { font-size: 108px; }
  .sm110 { font-size: 110px; }
  .sm112 { font-size: 112px; }
  .sm114 { font-size: 114px; }
  .sm116 { font-size: 116px; }
  .sm118 { font-size: 118px; }
  .sm120 { font-size: 120px; }
}

/* md: 768px and up */
@media (min-width: 768px) {
  .md10 { font-size: 10px; }
  .md11 { font-size: 11px; }
  .md12 { font-size: 12px; }
  .md13 { font-size: 13px; }
  .md14 { font-size: 14px; }
  .md15 { font-size: 15px; }
  .md16 { font-size: 16px; }
  .md17 { font-size: 17px; }
  .md18 { font-size: 18px; }
  .md19 { font-size: 19px; }
  .md20 { font-size: 20px; }
  .md21 { font-size: 21px; }
  .md22 { font-size: 22px; }
  .md23 { font-size: 23px; }
  .md24 { font-size: 24px; }
  .md25 { font-size: 25px; }
  .md26 { font-size: 26px; }
  .md27 { font-size: 27px; }
  .md28 { font-size: 28px; }
  .md29 { font-size: 29px; }
  .md30 { font-size: 30px; }
  .md31 { font-size: 31px; }
  .md32 { font-size: 32px; }
  .md33 { font-size: 33px; }
  .md34 { font-size: 34px; }
  .md35 { font-size: 35px; }
  .md36 { font-size: 36px; }
  .md37 { font-size: 37px; }
  .md38 { font-size: 38px; }
  .md39 { font-size: 39px; }
  .md40 { font-size: 40px; }
  .md41 { font-size: 41px; }
  .md42 { font-size: 42px; }
  .md43 { font-size: 43px; }
  .md44 { font-size: 44px; }
  .md45 { font-size: 45px; }
  .md46 { font-size: 46px; }
  .md47 { font-size: 47px; }
  .md48 { font-size: 48px; }
  .md49 { font-size: 49px; }
  .md50 { font-size: 50px; }
  .md51 { font-size: 51px; }
  .md52 { font-size: 52px; }
  .md53 { font-size: 53px; }
  .md54 { font-size: 54px; }
  .md55 { font-size: 55px; }
  .md56 { font-size: 56px; }
  .md57 { font-size: 57px; }
  .md58 { font-size: 58px; }
  .md59 { font-size: 59px; }
  .md60 { font-size: 60px; }
  .md61 { font-size: 61px; }
  .md62 { font-size: 62px; }
  .md63 { font-size: 63px; }
  .md64 { font-size: 64px; }
  .md66 { font-size: 66px; }
  .md68 { font-size: 68px; }
  .md70 { font-size: 70px; }
  .md72 { font-size: 72px; }
  .md74 { font-size: 74px; }
  .md76 { font-size: 76px; }
  .md78 { font-size: 78px; }
  .md80 { font-size: 80px; }
  .md82 { font-size: 82px; }
  .md84 { font-size: 84px; }
  .md86 { font-size: 86px; }
  .md88 { font-size: 88px; }
  .md90 { font-size: 90px; }
  .md92 { font-size: 92px; }
  .md94 { font-size: 94px; }
  .md96 { font-size: 96px; }
  .md98 { font-size: 98px; }
  .md100 { font-size: 100px; }
  .md102 { font-size: 102px; }
  .md104 { font-size: 104px; }
  .md106 { font-size: 106px; }
  .md108 { font-size: 108px; }
  .md110 { font-size: 110px; }
  .md112 { font-size: 112px; }
  .md114 { font-size: 114px; }
  .md116 { font-size: 116px; }
  .md118 { font-size: 118px; }
  .md120 { font-size: 120px; }
}

/* lg: 1024px and up */
@media (min-width: 1024px) {
  .lg10 { font-size: 10px; }
  .lg11 { font-size: 11px; }
  .lg12 { font-size: 12px; }
  .lg13 { font-size: 13px; }
  .lg14 { font-size: 14px; }
  .lg15 { font-size: 15px; }
  .lg16 { font-size: 16px; }
  .lg17 { font-size: 17px; }
  .lg18 { font-size: 18px; }
  .lg19 { font-size: 19px; }
  .lg20 { font-size: 20px; }
  .lg21 { font-size: 21px; }
  .lg22 { font-size: 22px; }
  .lg23 { font-size: 23px; }
  .lg24 { font-size: 24px; }
  .lg25 { font-size: 25px; }
  .lg26 { font-size: 26px; }
  .lg27 { font-size: 27px; }
  .lg28 { font-size: 28px; }
  .lg29 { font-size: 29px; }
  .lg30 { font-size: 30px; }
  .lg31 { font-size: 31px; }
  .lg32 { font-size: 32px; }
  .lg33 { font-size: 33px; }
  .lg34 { font-size: 34px; }
  .lg35 { font-size: 35px; }
  .lg36 { font-size: 36px; }
  .lg37 { font-size: 37px; }
  .lg38 { font-size: 38px; }
  .lg39 { font-size: 39px; }
  .lg40 { font-size: 40px; }
  .lg41 { font-size: 41px; }
  .lg42 { font-size: 42px; }
  .lg43 { font-size: 43px; }
  .lg44 { font-size: 44px; }
  .lg45 { font-size: 45px; }
  .lg46 { font-size: 46px; }
  .lg47 { font-size: 47px; }
  .lg48 { font-size: 48px; }
  .lg49 { font-size: 49px; }
  .lg50 { font-size: 50px; }
  .lg51 { font-size: 51px; }
  .lg52 { font-size: 52px; }
  .lg53 { font-size: 53px; }
  .lg54 { font-size: 54px; }
  .lg55 { font-size: 55px; }
  .lg56 { font-size: 56px; }
  .lg57 { font-size: 57px; }
  .lg58 { font-size: 58px; }
  .lg59 { font-size: 59px; }
  .lg60 { font-size: 60px; }
  .lg61 { font-size: 61px; }
  .lg62 { font-size: 62px; }
  .lg63 { font-size: 63px; }
  .lg64 { font-size: 64px; }
  .lg66 { font-size: 66px; }
  .lg68 { font-size: 68px; }
  .lg70 { font-size: 70px; }
  .lg72 { font-size: 72px; }
  .lg74 { font-size: 74px; }
  .lg76 { font-size: 76px; }
  .lg78 { font-size: 78px; }
  .lg80 { font-size: 80px; }
  .lg82 { font-size: 82px; }
  .lg84 { font-size: 84px; }
  .lg86 { font-size: 86px; }
  .lg88 { font-size: 88px; }
  .lg90 { font-size: 90px; }
  .lg92 { font-size: 92px; }
  .lg94 { font-size: 94px; }
  .lg96 { font-size: 96px; }
  .lg98 { font-size: 98px; }
  .lg100 { font-size: 100px; }
  .lg102 { font-size: 102px; }
  .lg104 { font-size: 104px; }
  .lg106 { font-size: 106px; }
  .lg108 { font-size: 108px; }
  .lg110 { font-size: 110px; }
  .lg112 { font-size: 112px; }
  .lg114 { font-size: 114px; }
  .lg116 { font-size: 116px; }
  .lg118 { font-size: 118px; }
  .lg120 { font-size: 120px; }
}

/* xl: 1280px and up */
@media (min-width: 1280px) {
  .xl10 { font-size: 10px; }
  .xl11 { font-size: 11px; }
  .xl12 { font-size: 12px; }
  .xl13 { font-size: 13px; }
  .xl14 { font-size: 14px; }
  .xl15 { font-size: 15px; }
  .xl16 { font-size: 16px; }
  .xl17 { font-size: 17px; }
  .xl18 { font-size: 18px; }
  .xl19 { font-size: 19px; }
  .xl20 { font-size: 20px; }
  .xl21 { font-size: 21px; }
  .xl22 { font-size: 22px; }
  .xl23 { font-size: 23px; }
  .xl24 { font-size: 24px; }
  .xl25 { font-size: 25px; }
  .xl26 { font-size: 26px; }
  .xl27 { font-size: 27px; }
  .xl28 { font-size: 28px; }
  .xl29 { font-size: 29px; }
  .xl30 { font-size: 30px; }
  .xl31 { font-size: 31px; }
  .xl32 { font-size: 32px; }
  .xl33 { font-size: 33px; }
  .xl34 { font-size: 34px; }
  .xl35 { font-size: 35px; }
  .xl36 { font-size: 36px; }
  .xl37 { font-size: 37px; }
  .xl38 { font-size: 38px; }
  .xl39 { font-size: 39px; }
  .xl40 { font-size: 40px; }
  .xl41 { font-size: 41px; }
  .xl42 { font-size: 42px; }
  .xl43 { font-size: 43px; }
  .xl44 { font-size: 44px; }
  .xl45 { font-size: 45px; }
  .xl46 { font-size: 46px; }
  .xl47 { font-size: 47px; }
  .xl48 { font-size: 48px; }
  .xl49 { font-size: 49px; }
  .xl50 { font-size: 50px; }
  .xl51 { font-size: 51px; }
  .xl52 { font-size: 52px; }
  .xl53 { font-size: 53px; }
  .xl54 { font-size: 54px; }
  .xl55 { font-size: 55px; }
  .xl56 { font-size: 56px; }
  .xl57 { font-size: 57px; }
  .xl58 { font-size: 58px; }
  .xl59 { font-size: 59px; }
  .xl60 { font-size: 60px; }
  .xl61 { font-size: 61px; }
  .xl62 { font-size: 62px; }
  .xl63 { font-size: 63px; }
  .xl64 { font-size: 64px; }
  .xl66 { font-size: 66px; }
  .xl68 { font-size: 68px; }
  .xl70 { font-size: 70px; }
  .xl72 { font-size: 72px; }
  .xl74 { font-size: 74px; }
  .xl76 { font-size: 76px; }
  .xl78 { font-size: 78px; }
  .xl80 { font-size: 80px; }
  .xl82 { font-size: 82px; }
  .xl84 { font-size: 84px; }
  .xl86 { font-size: 86px; }
  .xl88 { font-size: 88px; }
  .xl90 { font-size: 90px; }
  .xl92 { font-size: 92px; }
  .xl94 { font-size: 94px; }
  .xl96 { font-size: 96px; }
  .xl98 { font-size: 98px; }
  .xl100 { font-size: 100px; }
  .xl102 { font-size: 102px; }
  .xl104 { font-size: 104px; }
  .xl106 { font-size: 106px; }
  .xl108 { font-size: 108px; }
  .xl110 { font-size: 110px; }
  .xl112 { font-size: 112px; }
  .xl114 { font-size: 114px; }
  .xl116 { font-size: 116px; }
  .xl118 { font-size: 118px; }
  .xl120 { font-size: 120px; }
}