Add first foundation content

themes/kosmos-22/assets/css/main.css

@@ -425,16 +425,22 @@ Ensure the default browser behavior of the `hidden` attribute.
 
 h2 {
   margin-bottom: 1.5rem;
+  margin-top: 2rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
 }
 
-h2:not(:first-of-type) {
-  margin-top: 2rem;
+h3 {
+  margin-bottom: 1rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  text-transform: uppercase;
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
 }
 
-h3 {
+h3:not(:first-child) {
   margin-top: 1.5rem;
 }
 
@@ -527,20 +533,20 @@ p + p {
   margin-right: auto;
 }
 
-.-mt-12 {
-  margin-top: -3rem;
-}
-
 .mb-8 {
   margin-bottom: 2rem;
 }
 
+.-mt-12 {
+  margin-top: -3rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
 
-.mb-4 {
-  margin-bottom: 1rem;
+.mt-6 {
+  margin-top: 1.5rem;
 }
 
 .-mt-0\.5 {
@@ -627,6 +633,10 @@ p + p {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .items-center {
   align-items: center;
 }
@@ -658,36 +668,11 @@ p + p {
   border-color: rgb(20 184 166 / var(--tw-border-opacity));
 }
 
-.bg-zinc-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
-}
-
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-zinc-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
-}
-
-.bg-teal-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
-}
-
 .bg-\[url\(\'\/img\/lagoon-close-02\.jpg\'\)\] {
   background-image: url('/img/lagoon-close-02.jpg');
 }
@@ -760,6 +745,10 @@ p + p {
 }
 
 @media (min-width: 640px) {
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -774,6 +763,10 @@ p + p {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }