text-with-image and logo sections

assets/css/main.css

@@ -48,6 +48,7 @@
   /* Spacing */
   --spacing-32: 2rem; /* 32px */
   --spacing-10.2: 10.25rem; /* 164px */
+  --spacing-20.1: 20.168rem; /* 322px */
   --spacing-21.8: 21.875rem; /* 350px */
   --spacing-25.6: 25.688rem; /* 411px */
   --spacing-44.8: 44.813rem; /* 717px */
@@ -61,7 +62,7 @@
 /* Mobile < 640px; */
 
 /* Super desktop */
-@media screen and (min-width: 1920px) {
+@media screen and (min-width: 1023px) {
   :root {
     --default-font-size: var(--font-size-lg); /* 18px */
     --layout-padding-x: 2rem; /* 32px */
@@ -179,6 +180,46 @@ html {
   scroll-behavior: smooth;
 }
 
+h1 {
+  font-size: var(--font-size-H1);
+}
+
+h2 {
+  font-size: var(--font-size-H2);
+}
+
+h3 {
+  font-size: var(--font-size-H3);
+}
+
+h4 {
+  font-size: var(--font-size-H4);
+}
+
+h5 {
+  font-size: var(--font-size-H5);
+}
+
+.text-2xl {
+  font-size: var(--font-size-2xl);
+}
+.text-lg {
+  font-size: var(--font-size-lg);
+}
+.text-base {
+  font-size: var(--font-size-base);
+}
+.text-sm {
+  font-size: var(--font-size-sm);
+}
+.text-xs {
+  font-size: var(--font-size-xs);
+}
+
+.text-button-base {
+  font-size: var(--font-size-button-base);
+}
+
 .body-overflow-hidden {
   overflow: hidden;
 }