@oslokommune/punkt-css 11.0.0 → 11.0.2

package/dist/css/pkt-base.css

@@ -13727,6 +13727,2622 @@ button.pkt-link {
   font-weight: 700;
 }
 
+@media screen and (min-width: 0) {
+  .pkt-txt-54--mobile-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-40--mobile-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-36--mobile-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-30--mobile-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-28--mobile-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-26--mobile-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-24--mobile-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-22--mobile-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-20--mobile-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-18--mobile-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-16--mobile-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-14--mobile-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-12--mobile-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-54-medium--mobile-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-40-medium--mobile-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-36-medium--mobile-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-30-medium--mobile-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-28-medium--mobile-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-26-medium--mobile-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-24-medium--mobile-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-22-medium--mobile-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-20-medium--mobile-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-18-medium--mobile-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-16-medium--mobile-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-14-medium--mobile-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-12-medium--mobile-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-54-bold--mobile-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-40-bold--mobile-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-36-bold--mobile-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-30-bold--mobile-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-28-bold--mobile-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-26-bold--mobile-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-24-bold--mobile-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-22-bold--mobile-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-20-bold--mobile-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-18-bold--mobile-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-16-bold--mobile-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-14-bold--mobile-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-12-bold--mobile-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-54-light--mobile-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-40-light--mobile-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-36-light--mobile-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-30-light--mobile-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-28-light--mobile-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-26-light--mobile-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-24-light--mobile-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-22-light--mobile-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-20-light--mobile-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-18-light--mobile-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-16-light--mobile-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-14-light--mobile-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-txt-12-light--mobile-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-font-light--mobile-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-font-regular--mobile-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-font-medium--mobile-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 0) {
+  .pkt-font-bold--mobile-up {
+    font-weight: 700;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-54--phablet-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-40--phablet-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-36--phablet-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-30--phablet-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-28--phablet-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-26--phablet-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-24--phablet-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-22--phablet-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-20--phablet-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-18--phablet-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-16--phablet-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-14--phablet-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-12--phablet-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-54-medium--phablet-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-40-medium--phablet-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-36-medium--phablet-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-30-medium--phablet-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-28-medium--phablet-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-26-medium--phablet-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-24-medium--phablet-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-22-medium--phablet-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-20-medium--phablet-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-18-medium--phablet-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-16-medium--phablet-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-14-medium--phablet-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-12-medium--phablet-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-54-bold--phablet-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-40-bold--phablet-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-36-bold--phablet-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-30-bold--phablet-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-28-bold--phablet-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-26-bold--phablet-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-24-bold--phablet-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-22-bold--phablet-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-20-bold--phablet-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-18-bold--phablet-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-16-bold--phablet-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-14-bold--phablet-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-12-bold--phablet-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-54-light--phablet-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-40-light--phablet-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-36-light--phablet-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-30-light--phablet-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-28-light--phablet-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-26-light--phablet-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-24-light--phablet-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-22-light--phablet-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-20-light--phablet-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-18-light--phablet-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-16-light--phablet-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-14-light--phablet-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-txt-12-light--phablet-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-font-light--phablet-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-font-regular--phablet-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-font-medium--phablet-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .pkt-font-bold--phablet-up {
+    font-weight: 700;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-54--tablet-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-40--tablet-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-36--tablet-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-30--tablet-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-28--tablet-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-26--tablet-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-24--tablet-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-22--tablet-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-20--tablet-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-18--tablet-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-16--tablet-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-14--tablet-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-12--tablet-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-54-medium--tablet-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-40-medium--tablet-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-36-medium--tablet-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-30-medium--tablet-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-28-medium--tablet-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-26-medium--tablet-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-24-medium--tablet-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-22-medium--tablet-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-20-medium--tablet-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-18-medium--tablet-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-16-medium--tablet-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-14-medium--tablet-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-12-medium--tablet-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-54-bold--tablet-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-40-bold--tablet-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-36-bold--tablet-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-30-bold--tablet-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-28-bold--tablet-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-26-bold--tablet-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-24-bold--tablet-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-22-bold--tablet-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-20-bold--tablet-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-18-bold--tablet-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-16-bold--tablet-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-14-bold--tablet-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-12-bold--tablet-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-54-light--tablet-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-40-light--tablet-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-36-light--tablet-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-30-light--tablet-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-28-light--tablet-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-26-light--tablet-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-24-light--tablet-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-22-light--tablet-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-20-light--tablet-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-18-light--tablet-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-16-light--tablet-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-14-light--tablet-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-txt-12-light--tablet-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-font-light--tablet-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-font-regular--tablet-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-font-medium--tablet-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .pkt-font-bold--tablet-up {
+    font-weight: 700;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-54--tablet-big-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-40--tablet-big-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-36--tablet-big-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-30--tablet-big-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-28--tablet-big-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-26--tablet-big-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-24--tablet-big-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-22--tablet-big-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-20--tablet-big-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-18--tablet-big-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-16--tablet-big-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-14--tablet-big-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-12--tablet-big-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-54-medium--tablet-big-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-40-medium--tablet-big-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-36-medium--tablet-big-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-30-medium--tablet-big-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-28-medium--tablet-big-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-26-medium--tablet-big-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-24-medium--tablet-big-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-22-medium--tablet-big-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-20-medium--tablet-big-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-18-medium--tablet-big-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-16-medium--tablet-big-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-14-medium--tablet-big-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-12-medium--tablet-big-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-54-bold--tablet-big-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-40-bold--tablet-big-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-36-bold--tablet-big-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-30-bold--tablet-big-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-28-bold--tablet-big-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-26-bold--tablet-big-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-24-bold--tablet-big-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-22-bold--tablet-big-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-20-bold--tablet-big-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-18-bold--tablet-big-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-16-bold--tablet-big-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-14-bold--tablet-big-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-12-bold--tablet-big-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-54-light--tablet-big-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-40-light--tablet-big-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-36-light--tablet-big-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-30-light--tablet-big-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-28-light--tablet-big-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-26-light--tablet-big-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-24-light--tablet-big-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-22-light--tablet-big-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-20-light--tablet-big-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-18-light--tablet-big-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-16-light--tablet-big-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-14-light--tablet-big-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-txt-12-light--tablet-big-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-font-light--tablet-big-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-font-regular--tablet-big-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-font-medium--tablet-big-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .pkt-font-bold--tablet-big-up {
+    font-weight: 700;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-54--laptop-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-40--laptop-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-36--laptop-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-30--laptop-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-28--laptop-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-26--laptop-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-24--laptop-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-22--laptop-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-20--laptop-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-18--laptop-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-16--laptop-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-14--laptop-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-12--laptop-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-54-medium--laptop-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-40-medium--laptop-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-36-medium--laptop-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-30-medium--laptop-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-28-medium--laptop-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-26-medium--laptop-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-24-medium--laptop-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-22-medium--laptop-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-20-medium--laptop-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-18-medium--laptop-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-16-medium--laptop-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-14-medium--laptop-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-12-medium--laptop-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-54-bold--laptop-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-40-bold--laptop-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-36-bold--laptop-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-30-bold--laptop-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-28-bold--laptop-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-26-bold--laptop-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-24-bold--laptop-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-22-bold--laptop-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-20-bold--laptop-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-18-bold--laptop-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-16-bold--laptop-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-14-bold--laptop-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-12-bold--laptop-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-54-light--laptop-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-40-light--laptop-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-36-light--laptop-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-30-light--laptop-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-28-light--laptop-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-26-light--laptop-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-24-light--laptop-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-22-light--laptop-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-20-light--laptop-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-18-light--laptop-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-16-light--laptop-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-14-light--laptop-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-txt-12-light--laptop-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-font-light--laptop-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-font-regular--laptop-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-font-medium--laptop-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .pkt-font-bold--laptop-up {
+    font-weight: 700;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-54--desktop-up {
+    font-size: 3.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-40--desktop-up {
+    font-size: 2.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-36--desktop-up {
+    font-size: 2.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-30--desktop-up {
+    font-size: 1.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-28--desktop-up {
+    font-size: 1.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-26--desktop-up {
+    font-size: 1.625rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-24--desktop-up {
+    font-size: 1.5rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-22--desktop-up {
+    font-size: 1.375rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-20--desktop-up {
+    font-size: 1.25rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-18--desktop-up {
+    font-size: 1.125rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-16--desktop-up {
+    font-size: 1rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-14--desktop-up {
+    font-size: 0.875rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-12--desktop-up {
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-54-medium--desktop-up {
+    font-size: 3.375rem;
+    font-weight: 500;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-40-medium--desktop-up {
+    font-size: 2.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-36-medium--desktop-up {
+    font-size: 2.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-30-medium--desktop-up {
+    font-size: 1.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-28-medium--desktop-up {
+    font-size: 1.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-26-medium--desktop-up {
+    font-size: 1.625rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-24-medium--desktop-up {
+    font-size: 1.5rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-22-medium--desktop-up {
+    font-size: 1.375rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-20-medium--desktop-up {
+    font-size: 1.25rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-18-medium--desktop-up {
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-16-medium--desktop-up {
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-14-medium--desktop-up {
+    font-size: 0.875rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-12-medium--desktop-up {
+    font-size: 0.75rem;
+    font-weight: 500;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-54-bold--desktop-up {
+    font-size: 3.375rem;
+    font-weight: 700;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-40-bold--desktop-up {
+    font-size: 2.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-36-bold--desktop-up {
+    font-size: 2.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-30-bold--desktop-up {
+    font-size: 1.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-28-bold--desktop-up {
+    font-size: 1.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-26-bold--desktop-up {
+    font-size: 1.625rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-24-bold--desktop-up {
+    font-size: 1.5rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-22-bold--desktop-up {
+    font-size: 1.375rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-20-bold--desktop-up {
+    font-size: 1.25rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-18-bold--desktop-up {
+    font-size: 1.125rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-16-bold--desktop-up {
+    font-size: 1rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-14-bold--desktop-up {
+    font-size: 0.875rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-12-bold--desktop-up {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-54-light--desktop-up {
+    font-size: 3.375rem;
+    font-weight: 300;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-40-light--desktop-up {
+    font-size: 2.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-36-light--desktop-up {
+    font-size: 2.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-30-light--desktop-up {
+    font-size: 1.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-28-light--desktop-up {
+    font-size: 1.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-26-light--desktop-up {
+    font-size: 1.625rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-24-light--desktop-up {
+    font-size: 1.5rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-22-light--desktop-up {
+    font-size: 1.375rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2.125rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-20-light--desktop-up {
+    font-size: 1.25rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 2rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-18-light--desktop-up {
+    font-size: 1.125rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.75rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-16-light--desktop-up {
+    font-size: 1rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.5rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-14-light--desktop-up {
+    font-size: 0.875rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.375rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-txt-12-light--desktop-up {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: -0.2px;
+    line-height: 1.25rem;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-font-light--desktop-up {
+    font-weight: 300;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-font-regular--desktop-up {
+    font-weight: 400;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-font-medium--desktop-up {
+    font-weight: 500;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .pkt-font-bold--desktop-up {
+    font-weight: 700;
+  }
+}
 /*
  * Alignment
  */