/* Plain CSS, no Tailwind directives */



body.theme{
background-color:#281E41;color:#fff;font-family:source-sans-pro;
  .xl-title      {  letter-spacing:-0.01em; line-height:.9;  }


  .lg-title      { font-weight:700; letter-spacing:-0.01em; line-height:.9; font-size:28px; }
  @media (min-width:768px){ .lg-title { font-size:35px; } }
  @media (min-width:1280px){ .lg-title { font-size:70px; } }

  .default-title { font-weight:700; letter-spacing:0;     line-height:1.1; font-size:26px; }
  @media (min-width:768px){ .default-title { font-size:35px; } }
  @media (min-width:1280px){ .default-title { font-size:50px; } }

  .sm-title      { font-weight:600; letter-spacing:0;     line-height:1.2; font-size:24px; }
  @media (min-width:768px){ .sm-title { font-size:21px; } }
  @media (min-width:1280px){ .sm-title { font-size:26px; } }

  /* Paragraphs */
  .p    { font-size:16px; line-height:1.6; font-weight:400; letter-spacing:0; }
  .p-lg { font-size:18px; line-height:1.6; font-weight:400; letter-spacing:0; }
  .p-sm { font-size:14px; line-height:1.5; font-weight:400; letter-spacing:0; }


}