@oslokommune/punkt-css 3.3.0 → 4.0.0

package/dist/css/pkt.css

@@ -3909,6 +3909,702 @@ body {
     padding-bottom: 2.5rem !important;
   }
 }
+.m-size-48 {
+  margin: 3rem !important;
+}
+
+.mt-size-48 {
+  margin-top: 3rem !important;
+}
+
+.mr-size-48 {
+  margin-right: 3rem !important;
+}
+
+.mb-size-48 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-size-48 {
+  margin-left: 3rem !important;
+}
+
+.mx-size-48 {
+  margin-right: 3rem !important;
+  margin-left: 3rem !important;
+}
+
+.my-size-48 {
+  margin-top: 3rem !important;
+  margin-bottom: 3rem !important;
+}
+
+.p-size-48 {
+  padding: 3rem !important;
+}
+
+.pt-size-48 {
+  padding-top: 3rem !important;
+}
+
+.pr-size-48 {
+  padding-right: 3rem !important;
+}
+
+.pb-size-48 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-size-48 {
+  padding-left: 3rem !important;
+}
+
+.px-size-48 {
+  padding-right: 3rem !important;
+  padding-left: 3rem !important;
+}
+
+.py-size-48 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-48--mobile-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--mobile-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--mobile-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--mobile-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--mobile-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--mobile-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--mobile-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--mobile-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--mobile-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--mobile-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--mobile-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--mobile-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--mobile-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--mobile-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-48--phablet-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--phablet-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--phablet-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--phablet-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--phablet-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--phablet-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--phablet-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--phablet-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--phablet-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--phablet-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--phablet-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--phablet-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--phablet-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--phablet-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-48--tablet-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--tablet-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--tablet-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--tablet-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--tablet-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--tablet-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--tablet-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--tablet-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--tablet-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--tablet-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--tablet-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--tablet-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--tablet-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--tablet-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-48--tablet-big-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--tablet-big-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--tablet-big-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--tablet-big-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--tablet-big-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--tablet-big-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--tablet-big-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--tablet-big-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--tablet-big-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--tablet-big-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--tablet-big-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--tablet-big-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--tablet-big-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--tablet-big-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-48--laptop-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--laptop-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--laptop-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--laptop-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--laptop-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--laptop-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--laptop-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--laptop-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--laptop-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--laptop-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--laptop-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--laptop-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--laptop-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--laptop-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-48--desktop-up {
+    margin: 3rem !important;
+  }
+  .mt-size-48--desktop-up {
+    margin-top: 3rem !important;
+  }
+  .mr-size-48--desktop-up {
+    margin-right: 3rem !important;
+  }
+  .mb-size-48--desktop-up {
+    margin-bottom: 3rem !important;
+  }
+  .ml-size-48--desktop-up {
+    margin-left: 3rem !important;
+  }
+  .mx-size-48--desktop-up {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important;
+  }
+  .my-size-48--desktop-up {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+  }
+  .p-size-48--desktop-up {
+    padding: 3rem !important;
+  }
+  .pt-size-48--desktop-up {
+    padding-top: 3rem !important;
+  }
+  .pr-size-48--desktop-up {
+    padding-right: 3rem !important;
+  }
+  .pb-size-48--desktop-up {
+    padding-bottom: 3rem !important;
+  }
+  .pl-size-48--desktop-up {
+    padding-left: 3rem !important;
+  }
+  .px-size-48--desktop-up {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important;
+  }
+  .py-size-48--desktop-up {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+  }
+}
+.m-size-56 {
+  margin: 3.5rem !important;
+}
+
+.mt-size-56 {
+  margin-top: 3.5rem !important;
+}
+
+.mr-size-56 {
+  margin-right: 3.5rem !important;
+}
+
+.mb-size-56 {
+  margin-bottom: 3.5rem !important;
+}
+
+.ml-size-56 {
+  margin-left: 3.5rem !important;
+}
+
+.mx-size-56 {
+  margin-right: 3.5rem !important;
+  margin-left: 3.5rem !important;
+}
+
+.my-size-56 {
+  margin-top: 3.5rem !important;
+  margin-bottom: 3.5rem !important;
+}
+
+.p-size-56 {
+  padding: 3.5rem !important;
+}
+
+.pt-size-56 {
+  padding-top: 3.5rem !important;
+}
+
+.pr-size-56 {
+  padding-right: 3.5rem !important;
+}
+
+.pb-size-56 {
+  padding-bottom: 3.5rem !important;
+}
+
+.pl-size-56 {
+  padding-left: 3.5rem !important;
+}
+
+.px-size-56 {
+  padding-right: 3.5rem !important;
+  padding-left: 3.5rem !important;
+}
+
+.py-size-56 {
+  padding-top: 3.5rem !important;
+  padding-bottom: 3.5rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-56--mobile-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--mobile-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--mobile-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--mobile-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--mobile-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--mobile-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--mobile-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--mobile-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--mobile-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--mobile-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--mobile-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--mobile-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--mobile-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--mobile-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-56--phablet-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--phablet-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--phablet-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--phablet-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--phablet-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--phablet-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--phablet-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--phablet-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--phablet-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--phablet-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--phablet-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--phablet-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--phablet-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--phablet-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-56--tablet-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--tablet-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--tablet-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--tablet-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--tablet-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--tablet-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--tablet-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--tablet-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--tablet-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--tablet-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--tablet-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--tablet-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--tablet-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--tablet-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-56--tablet-big-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--tablet-big-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--tablet-big-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--tablet-big-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--tablet-big-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--tablet-big-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--tablet-big-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--tablet-big-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--tablet-big-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--tablet-big-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--tablet-big-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--tablet-big-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--tablet-big-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--tablet-big-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-56--laptop-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--laptop-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--laptop-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--laptop-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--laptop-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--laptop-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--laptop-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--laptop-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--laptop-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--laptop-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--laptop-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--laptop-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--laptop-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--laptop-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-56--desktop-up {
+    margin: 3.5rem !important;
+  }
+  .mt-size-56--desktop-up {
+    margin-top: 3.5rem !important;
+  }
+  .mr-size-56--desktop-up {
+    margin-right: 3.5rem !important;
+  }
+  .mb-size-56--desktop-up {
+    margin-bottom: 3.5rem !important;
+  }
+  .ml-size-56--desktop-up {
+    margin-left: 3.5rem !important;
+  }
+  .mx-size-56--desktop-up {
+    margin-right: 3.5rem !important;
+    margin-left: 3.5rem !important;
+  }
+  .my-size-56--desktop-up {
+    margin-top: 3.5rem !important;
+    margin-bottom: 3.5rem !important;
+  }
+  .p-size-56--desktop-up {
+    padding: 3.5rem !important;
+  }
+  .pt-size-56--desktop-up {
+    padding-top: 3.5rem !important;
+  }
+  .pr-size-56--desktop-up {
+    padding-right: 3.5rem !important;
+  }
+  .pb-size-56--desktop-up {
+    padding-bottom: 3.5rem !important;
+  }
+  .pl-size-56--desktop-up {
+    padding-left: 3.5rem !important;
+  }
+  .px-size-56--desktop-up {
+    padding-right: 3.5rem !important;
+    padding-left: 3.5rem !important;
+  }
+  .py-size-56--desktop-up {
+    padding-top: 3.5rem !important;
+    padding-bottom: 3.5rem !important;
+  }
+}
 .m-size-64 {
   margin: 4rem !important;
 }
@@ -4465,144 +5161,492 @@ body {
   .m-size-104--tablet-big-up {
     margin: 6.5rem !important;
   }
-  .mt-size-104--tablet-big-up {
-    margin-top: 6.5rem !important;
+  .mt-size-104--tablet-big-up {
+    margin-top: 6.5rem !important;
+  }
+  .mr-size-104--tablet-big-up {
+    margin-right: 6.5rem !important;
+  }
+  .mb-size-104--tablet-big-up {
+    margin-bottom: 6.5rem !important;
+  }
+  .ml-size-104--tablet-big-up {
+    margin-left: 6.5rem !important;
+  }
+  .mx-size-104--tablet-big-up {
+    margin-right: 6.5rem !important;
+    margin-left: 6.5rem !important;
+  }
+  .my-size-104--tablet-big-up {
+    margin-top: 6.5rem !important;
+    margin-bottom: 6.5rem !important;
+  }
+  .p-size-104--tablet-big-up {
+    padding: 6.5rem !important;
+  }
+  .pt-size-104--tablet-big-up {
+    padding-top: 6.5rem !important;
+  }
+  .pr-size-104--tablet-big-up {
+    padding-right: 6.5rem !important;
+  }
+  .pb-size-104--tablet-big-up {
+    padding-bottom: 6.5rem !important;
+  }
+  .pl-size-104--tablet-big-up {
+    padding-left: 6.5rem !important;
+  }
+  .px-size-104--tablet-big-up {
+    padding-right: 6.5rem !important;
+    padding-left: 6.5rem !important;
+  }
+  .py-size-104--tablet-big-up {
+    padding-top: 6.5rem !important;
+    padding-bottom: 6.5rem !important;
+  }
+}
+@media screen and (min-width: 80rem) {
+  .m-size-104--laptop-up {
+    margin: 6.5rem !important;
+  }
+  .mt-size-104--laptop-up {
+    margin-top: 6.5rem !important;
+  }
+  .mr-size-104--laptop-up {
+    margin-right: 6.5rem !important;
+  }
+  .mb-size-104--laptop-up {
+    margin-bottom: 6.5rem !important;
+  }
+  .ml-size-104--laptop-up {
+    margin-left: 6.5rem !important;
+  }
+  .mx-size-104--laptop-up {
+    margin-right: 6.5rem !important;
+    margin-left: 6.5rem !important;
+  }
+  .my-size-104--laptop-up {
+    margin-top: 6.5rem !important;
+    margin-bottom: 6.5rem !important;
+  }
+  .p-size-104--laptop-up {
+    padding: 6.5rem !important;
+  }
+  .pt-size-104--laptop-up {
+    padding-top: 6.5rem !important;
+  }
+  .pr-size-104--laptop-up {
+    padding-right: 6.5rem !important;
+  }
+  .pb-size-104--laptop-up {
+    padding-bottom: 6.5rem !important;
+  }
+  .pl-size-104--laptop-up {
+    padding-left: 6.5rem !important;
+  }
+  .px-size-104--laptop-up {
+    padding-right: 6.5rem !important;
+    padding-left: 6.5rem !important;
+  }
+  .py-size-104--laptop-up {
+    padding-top: 6.5rem !important;
+    padding-bottom: 6.5rem !important;
+  }
+}
+@media screen and (min-width: 100rem) {
+  .m-size-104--desktop-up {
+    margin: 6.5rem !important;
+  }
+  .mt-size-104--desktop-up {
+    margin-top: 6.5rem !important;
+  }
+  .mr-size-104--desktop-up {
+    margin-right: 6.5rem !important;
+  }
+  .mb-size-104--desktop-up {
+    margin-bottom: 6.5rem !important;
+  }
+  .ml-size-104--desktop-up {
+    margin-left: 6.5rem !important;
+  }
+  .mx-size-104--desktop-up {
+    margin-right: 6.5rem !important;
+    margin-left: 6.5rem !important;
+  }
+  .my-size-104--desktop-up {
+    margin-top: 6.5rem !important;
+    margin-bottom: 6.5rem !important;
+  }
+  .p-size-104--desktop-up {
+    padding: 6.5rem !important;
+  }
+  .pt-size-104--desktop-up {
+    padding-top: 6.5rem !important;
+  }
+  .pr-size-104--desktop-up {
+    padding-right: 6.5rem !important;
+  }
+  .pb-size-104--desktop-up {
+    padding-bottom: 6.5rem !important;
+  }
+  .pl-size-104--desktop-up {
+    padding-left: 6.5rem !important;
+  }
+  .px-size-104--desktop-up {
+    padding-right: 6.5rem !important;
+    padding-left: 6.5rem !important;
+  }
+  .py-size-104--desktop-up {
+    padding-top: 6.5rem !important;
+    padding-bottom: 6.5rem !important;
+  }
+}
+.m-size-128 {
+  margin: 8rem !important;
+}
+
+.mt-size-128 {
+  margin-top: 8rem !important;
+}
+
+.mr-size-128 {
+  margin-right: 8rem !important;
+}
+
+.mb-size-128 {
+  margin-bottom: 8rem !important;
+}
+
+.ml-size-128 {
+  margin-left: 8rem !important;
+}
+
+.mx-size-128 {
+  margin-right: 8rem !important;
+  margin-left: 8rem !important;
+}
+
+.my-size-128 {
+  margin-top: 8rem !important;
+  margin-bottom: 8rem !important;
+}
+
+.p-size-128 {
+  padding: 8rem !important;
+}
+
+.pt-size-128 {
+  padding-top: 8rem !important;
+}
+
+.pr-size-128 {
+  padding-right: 8rem !important;
+}
+
+.pb-size-128 {
+  padding-bottom: 8rem !important;
+}
+
+.pl-size-128 {
+  padding-left: 8rem !important;
+}
+
+.px-size-128 {
+  padding-right: 8rem !important;
+  padding-left: 8rem !important;
+}
+
+.py-size-128 {
+  padding-top: 8rem !important;
+  padding-bottom: 8rem !important;
+}
+
+@media screen and (min-width: 0) {
+  .m-size-128--mobile-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--mobile-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--mobile-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--mobile-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--mobile-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--mobile-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--mobile-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--mobile-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--mobile-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--mobile-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--mobile-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--mobile-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--mobile-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--mobile-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 36rem) {
+  .m-size-128--phablet-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--phablet-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--phablet-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--phablet-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--phablet-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--phablet-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--phablet-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--phablet-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--phablet-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--phablet-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--phablet-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--phablet-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--phablet-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--phablet-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 48rem) {
+  .m-size-128--tablet-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--tablet-up {
+    margin-top: 8rem !important;
+  }
+  .mr-size-128--tablet-up {
+    margin-right: 8rem !important;
+  }
+  .mb-size-128--tablet-up {
+    margin-bottom: 8rem !important;
+  }
+  .ml-size-128--tablet-up {
+    margin-left: 8rem !important;
+  }
+  .mx-size-128--tablet-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
+  }
+  .my-size-128--tablet-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
+  }
+  .p-size-128--tablet-up {
+    padding: 8rem !important;
+  }
+  .pt-size-128--tablet-up {
+    padding-top: 8rem !important;
+  }
+  .pr-size-128--tablet-up {
+    padding-right: 8rem !important;
+  }
+  .pb-size-128--tablet-up {
+    padding-bottom: 8rem !important;
+  }
+  .pl-size-128--tablet-up {
+    padding-left: 8rem !important;
+  }
+  .px-size-128--tablet-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
+  }
+  .py-size-128--tablet-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
+  }
+}
+@media screen and (min-width: 64rem) {
+  .m-size-128--tablet-big-up {
+    margin: 8rem !important;
+  }
+  .mt-size-128--tablet-big-up {
+    margin-top: 8rem !important;
   }
-  .mr-size-104--tablet-big-up {
-    margin-right: 6.5rem !important;
+  .mr-size-128--tablet-big-up {
+    margin-right: 8rem !important;
   }
-  .mb-size-104--tablet-big-up {
-    margin-bottom: 6.5rem !important;
+  .mb-size-128--tablet-big-up {
+    margin-bottom: 8rem !important;
   }
-  .ml-size-104--tablet-big-up {
-    margin-left: 6.5rem !important;
+  .ml-size-128--tablet-big-up {
+    margin-left: 8rem !important;
   }
-  .mx-size-104--tablet-big-up {
-    margin-right: 6.5rem !important;
-    margin-left: 6.5rem !important;
+  .mx-size-128--tablet-big-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
   }
-  .my-size-104--tablet-big-up {
-    margin-top: 6.5rem !important;
-    margin-bottom: 6.5rem !important;
+  .my-size-128--tablet-big-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
   }
-  .p-size-104--tablet-big-up {
-    padding: 6.5rem !important;
+  .p-size-128--tablet-big-up {
+    padding: 8rem !important;
   }
-  .pt-size-104--tablet-big-up {
-    padding-top: 6.5rem !important;
+  .pt-size-128--tablet-big-up {
+    padding-top: 8rem !important;
   }
-  .pr-size-104--tablet-big-up {
-    padding-right: 6.5rem !important;
+  .pr-size-128--tablet-big-up {
+    padding-right: 8rem !important;
   }
-  .pb-size-104--tablet-big-up {
-    padding-bottom: 6.5rem !important;
+  .pb-size-128--tablet-big-up {
+    padding-bottom: 8rem !important;
   }
-  .pl-size-104--tablet-big-up {
-    padding-left: 6.5rem !important;
+  .pl-size-128--tablet-big-up {
+    padding-left: 8rem !important;
   }
-  .px-size-104--tablet-big-up {
-    padding-right: 6.5rem !important;
-    padding-left: 6.5rem !important;
+  .px-size-128--tablet-big-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
   }
-  .py-size-104--tablet-big-up {
-    padding-top: 6.5rem !important;
-    padding-bottom: 6.5rem !important;
+  .py-size-128--tablet-big-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
   }
 }
 @media screen and (min-width: 80rem) {
-  .m-size-104--laptop-up {
-    margin: 6.5rem !important;
+  .m-size-128--laptop-up {
+    margin: 8rem !important;
   }
-  .mt-size-104--laptop-up {
-    margin-top: 6.5rem !important;
+  .mt-size-128--laptop-up {
+    margin-top: 8rem !important;
   }
-  .mr-size-104--laptop-up {
-    margin-right: 6.5rem !important;
+  .mr-size-128--laptop-up {
+    margin-right: 8rem !important;
   }
-  .mb-size-104--laptop-up {
-    margin-bottom: 6.5rem !important;
+  .mb-size-128--laptop-up {
+    margin-bottom: 8rem !important;
   }
-  .ml-size-104--laptop-up {
-    margin-left: 6.5rem !important;
+  .ml-size-128--laptop-up {
+    margin-left: 8rem !important;
   }
-  .mx-size-104--laptop-up {
-    margin-right: 6.5rem !important;
-    margin-left: 6.5rem !important;
+  .mx-size-128--laptop-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
   }
-  .my-size-104--laptop-up {
-    margin-top: 6.5rem !important;
-    margin-bottom: 6.5rem !important;
+  .my-size-128--laptop-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
   }
-  .p-size-104--laptop-up {
-    padding: 6.5rem !important;
+  .p-size-128--laptop-up {
+    padding: 8rem !important;
   }
-  .pt-size-104--laptop-up {
-    padding-top: 6.5rem !important;
+  .pt-size-128--laptop-up {
+    padding-top: 8rem !important;
   }
-  .pr-size-104--laptop-up {
-    padding-right: 6.5rem !important;
+  .pr-size-128--laptop-up {
+    padding-right: 8rem !important;
   }
-  .pb-size-104--laptop-up {
-    padding-bottom: 6.5rem !important;
+  .pb-size-128--laptop-up {
+    padding-bottom: 8rem !important;
   }
-  .pl-size-104--laptop-up {
-    padding-left: 6.5rem !important;
+  .pl-size-128--laptop-up {
+    padding-left: 8rem !important;
   }
-  .px-size-104--laptop-up {
-    padding-right: 6.5rem !important;
-    padding-left: 6.5rem !important;
+  .px-size-128--laptop-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
   }
-  .py-size-104--laptop-up {
-    padding-top: 6.5rem !important;
-    padding-bottom: 6.5rem !important;
+  .py-size-128--laptop-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
   }
 }
 @media screen and (min-width: 100rem) {
-  .m-size-104--desktop-up {
-    margin: 6.5rem !important;
+  .m-size-128--desktop-up {
+    margin: 8rem !important;
   }
-  .mt-size-104--desktop-up {
-    margin-top: 6.5rem !important;
+  .mt-size-128--desktop-up {
+    margin-top: 8rem !important;
   }
-  .mr-size-104--desktop-up {
-    margin-right: 6.5rem !important;
+  .mr-size-128--desktop-up {
+    margin-right: 8rem !important;
   }
-  .mb-size-104--desktop-up {
-    margin-bottom: 6.5rem !important;
+  .mb-size-128--desktop-up {
+    margin-bottom: 8rem !important;
   }
-  .ml-size-104--desktop-up {
-    margin-left: 6.5rem !important;
+  .ml-size-128--desktop-up {
+    margin-left: 8rem !important;
   }
-  .mx-size-104--desktop-up {
-    margin-right: 6.5rem !important;
-    margin-left: 6.5rem !important;
+  .mx-size-128--desktop-up {
+    margin-right: 8rem !important;
+    margin-left: 8rem !important;
   }
-  .my-size-104--desktop-up {
-    margin-top: 6.5rem !important;
-    margin-bottom: 6.5rem !important;
+  .my-size-128--desktop-up {
+    margin-top: 8rem !important;
+    margin-bottom: 8rem !important;
   }
-  .p-size-104--desktop-up {
-    padding: 6.5rem !important;
+  .p-size-128--desktop-up {
+    padding: 8rem !important;
   }
-  .pt-size-104--desktop-up {
-    padding-top: 6.5rem !important;
+  .pt-size-128--desktop-up {
+    padding-top: 8rem !important;
   }
-  .pr-size-104--desktop-up {
-    padding-right: 6.5rem !important;
+  .pr-size-128--desktop-up {
+    padding-right: 8rem !important;
   }
-  .pb-size-104--desktop-up {
-    padding-bottom: 6.5rem !important;
+  .pb-size-128--desktop-up {
+    padding-bottom: 8rem !important;
   }
-  .pl-size-104--desktop-up {
-    padding-left: 6.5rem !important;
+  .pl-size-128--desktop-up {
+    padding-left: 8rem !important;
   }
-  .px-size-104--desktop-up {
-    padding-right: 6.5rem !important;
-    padding-left: 6.5rem !important;
+  .px-size-128--desktop-up {
+    padding-right: 8rem !important;
+    padding-left: 8rem !important;
   }
-  .py-size-104--desktop-up {
-    padding-top: 6.5rem !important;
-    padding-bottom: 6.5rem !important;
+  .py-size-128--desktop-up {
+    padding-top: 8rem !important;
+    padding-bottom: 8rem !important;
   }
 }
 .m-size-5 {
@@ -7939,6 +8983,24 @@ body {
 .pkt-grid--rowgap-size-40 {
   row-gap: 2.5rem;
 }
+.pkt-grid--gap-size-48 {
+  gap: 3rem;
+}
+.pkt-grid--colgap-size-48 {
+  column-gap: 3rem;
+}
+.pkt-grid--rowgap-size-48 {
+  row-gap: 3rem;
+}
+.pkt-grid--gap-size-56 {
+  gap: 3.5rem;
+}
+.pkt-grid--colgap-size-56 {
+  column-gap: 3.5rem;
+}
+.pkt-grid--rowgap-size-56 {
+  row-gap: 3.5rem;
+}
 .pkt-grid--gap-size-64 {
   gap: 4rem;
 }
@@ -7957,6 +9019,15 @@ body {
 .pkt-grid--rowgap-size-104 {
   row-gap: 6.5rem;
 }
+.pkt-grid--gap-size-128 {
+  gap: 8rem;
+}
+.pkt-grid--colgap-size-128 {
+  column-gap: 8rem;
+}
+.pkt-grid--rowgap-size-128 {
+  row-gap: 8rem;
+}
 .pkt-grid--gap-size-5 {
   gap: 0.3125rem;
 }
@@ -8120,6 +9191,24 @@ body {
   .pkt-grid--rowgap-size-40-mobile-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-mobile-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-mobile-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-mobile-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-mobile-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-mobile-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-mobile-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-mobile-up {
     gap: 4rem;
   }
@@ -8138,6 +9227,15 @@ body {
   .pkt-grid--rowgap-size-104-mobile-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-mobile-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-mobile-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-mobile-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-mobile-up {
     gap: 0.3125rem;
   }
@@ -8302,6 +9400,24 @@ body {
   .pkt-grid--rowgap-size-40-phablet-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-phablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-phablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-phablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-phablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-phablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-phablet-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-phablet-up {
     gap: 4rem;
   }
@@ -8320,6 +9436,15 @@ body {
   .pkt-grid--rowgap-size-104-phablet-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-phablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-phablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-phablet-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-phablet-up {
     gap: 0.3125rem;
   }
@@ -8484,6 +9609,24 @@ body {
   .pkt-grid--rowgap-size-40-tablet-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-tablet-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-tablet-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-tablet-up {
     gap: 4rem;
   }
@@ -8502,6 +9645,15 @@ body {
   .pkt-grid--rowgap-size-104-tablet-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-tablet-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-tablet-up {
     gap: 0.3125rem;
   }
@@ -8666,6 +9818,24 @@ body {
   .pkt-grid--rowgap-size-40-tablet-big-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-tablet-big-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-tablet-big-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-tablet-big-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-tablet-big-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-tablet-big-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-tablet-big-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-tablet-big-up {
     gap: 4rem;
   }
@@ -8684,6 +9854,15 @@ body {
   .pkt-grid--rowgap-size-104-tablet-big-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-tablet-big-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-tablet-big-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-tablet-big-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-tablet-big-up {
     gap: 0.3125rem;
   }
@@ -8848,6 +10027,24 @@ body {
   .pkt-grid--rowgap-size-40-laptop-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-laptop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-laptop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-laptop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-laptop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-laptop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-laptop-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-laptop-up {
     gap: 4rem;
   }
@@ -8866,6 +10063,15 @@ body {
   .pkt-grid--rowgap-size-104-laptop-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-laptop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-laptop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-laptop-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-laptop-up {
     gap: 0.3125rem;
   }
@@ -9030,6 +10236,24 @@ body {
   .pkt-grid--rowgap-size-40-desktop-up {
     row-gap: 2.5rem;
   }
+  .pkt-grid--gap-size-48-desktop-up {
+    gap: 3rem;
+  }
+  .pkt-grid--colgap-size-48-desktop-up {
+    column-gap: 3rem;
+  }
+  .pkt-grid--rowgap-size-48-desktop-up {
+    row-gap: 3rem;
+  }
+  .pkt-grid--gap-size-56-desktop-up {
+    gap: 3.5rem;
+  }
+  .pkt-grid--colgap-size-56-desktop-up {
+    column-gap: 3.5rem;
+  }
+  .pkt-grid--rowgap-size-56-desktop-up {
+    row-gap: 3.5rem;
+  }
   .pkt-grid--gap-size-64-desktop-up {
     gap: 4rem;
   }
@@ -9048,6 +10272,15 @@ body {
   .pkt-grid--rowgap-size-104-desktop-up {
     row-gap: 6.5rem;
   }
+  .pkt-grid--gap-size-128-desktop-up {
+    gap: 8rem;
+  }
+  .pkt-grid--colgap-size-128-desktop-up {
+    column-gap: 8rem;
+  }
+  .pkt-grid--rowgap-size-128-desktop-up {
+    row-gap: 8rem;
+  }
   .pkt-grid--gap-size-5-desktop-up {
     gap: 0.3125rem;
   }
@@ -11153,47 +12386,163 @@ Therefore, this is removed from the reset here, and images who need to be fluid
  * Footer element
  */
 .pkt-footer {
-  background-color: var(--color-blue-dark);
-  padding: 2.5rem 0;
   font-size: 1.125rem;
   font-weight: 300;
   letter-spacing: -0.2px;
   line-height: 1.5em;
+  padding: 2.5rem 1.5rem;
+  background-color: var(--color-blue-dark);
+  color: var(--color-white);
+  display: flex;
+  align-items: center;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer {
+    padding: 3.5rem 1.5rem;
+    justify-content: center;
+  }
+}
+.pkt-footer__container {
+  max-width: 80rem;
+}
+.pkt-footer__title {
+  font-size: 1.5rem;
+  font-weight: 500;
+  letter-spacing: -0.2px;
+  line-height: 1.5em;
+  margin-bottom: 2rem;
+  margin-top: 0;
 }
-@media screen and (min-width: 35.938rem) {
+.pkt-footer__text:last-child {
+  margin-bottom: 0;
+  margin-top: 2rem;
+}
+.pkt-footer__text:not(:last-child) {
+  margin-bottom: 2rem;
+  margin-top: 0;
+}
+.pkt-footer__list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.pkt-footer__list-item {
+  word-break: break-word;
+}
+.pkt-footer__list-item:not(:last-child) {
+  margin-bottom: 1rem;
+}
+@media screen and (min-width: 80rem) {
   .pkt-footer__list-item {
-    display: inline-flex;
+    margin-bottom: 0;
   }
 }
 .pkt-footer__link {
-  color: currentColor;
   display: flex;
-  padding: 0.75rem 0;
-  text-decoration: none;
+  text-decoration: none !important;
+}
+.pkt-footer__link:hover .pkt-footer__link-icon {
+  --fg-color: currentColor;
+}
+.pkt-footer__link-icon {
+  --fg-color: currentColor;
+  width: 24px;
+  height: 24px;
+  margin-right: 0.5rem;
+  flex-shrink: 0;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer__link-icon {
+    margin-top: 0;
+  }
+}
+.pkt-footer__social {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
   align-items: flex-start;
+  gap: 2rem;
+  margin-top: 2.5rem;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-footer__link {
-    padding: 0.75rem 2rem 0.75rem 0;
-    align-items: center;
+.pkt-footer__social:hover .pkt-footer__link-icon {
+  --fg-color: currentColor;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer__social {
+    align-items: flex-end;
+    justify-content: end;
   }
 }
-.pkt-footer__link:visited .pkt-footer__link-icon {
+@media screen and (min-width: 80rem) {
+  .pkt-footer__social-language {
+    justify-self: flex-start;
+  }
+}
+.pkt-footer__social-icon {
   --fg-color: currentColor;
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
 }
-.pkt-footer__link:hover .pkt-footer__link-icon {
+.pkt-footer__social-icon-link:not(:last-child) {
+  margin-right: 1rem;
+}
+
+.pkt-footer-simple {
+  font-size: 1.125rem;
+  font-weight: 300;
+  letter-spacing: -0.2px;
+  line-height: 1.5em;
+  padding: 2rem 1.5rem;
+  background-color: var(--color-blue-dark);
+  color: var(--color-white);
+  display: flex;
+  align-items: center;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer-simple {
+    justify-content: center;
+  }
+}
+.pkt-footer-simple__container {
+  max-width: 80rem;
+}
+.pkt-footer-simple__list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer-simple__list-item {
+    display: inline-flex;
+  }
+}
+.pkt-footer-simple__list-item:not(:last-child) {
+  margin-bottom: 1rem;
+}
+@media screen and (min-width: 80rem) {
+  .pkt-footer-simple__list-item:not(:last-child) {
+    margin-bottom: 0;
+    margin-right: 2rem;
+  }
+}
+.pkt-footer-simple__link {
+  display: flex;
+  text-decoration: none !important;
+  align-items: flex-start;
+}
+.pkt-footer-simple__link:hover .pkt-footer__link-icon {
   --fg-color: currentColor;
 }
-.pkt-footer__link-icon {
+.pkt-footer-simple__link-icon {
   --fg-color: currentColor;
   width: 24px;
   height: 24px;
-  margin-right: 0.75rem;
+  margin-right: 0.5rem;
   flex-shrink: 0;
-  margin-top: 3px;
 }
-@media screen and (min-width: 35.938rem) {
-  .pkt-footer__link-icon {
+@media screen and (min-width: 80rem) {
+  .pkt-footer-simple__link-icon {
     margin-top: 0;
   }
 }