🐞 fix: Move max-width to global styles

styles/base/global.css

@@ -31,24 +31,19 @@ main#maincontent {
 
 .container {
     margin: 0 auto;
-  width: 100%;
+    max-width: 80.5rem;
     padding-inline: clamp(1.5rem, 5vw, 3rem);
+    width: 100%;
 }
 
 .section {
     @apply relative my-section px-section;
 
-  &:first-child {
+    &:first-child { @apply mt-0; }
-    @apply mt-0;
-  }
 
-  &:last-child, p:last-child {
+    &:last-child, p:last-child { @apply mb-0; }
-    @apply mb-0;
-  }
 
-  &.has-background {
+    &.has-background { @apply py-section bg-cover bg-no-repeat; }
-    @apply py-section bg-cover bg-no-repeat;
-  }
 }
 
 /** Allows containers inside containers
@@ -59,25 +54,15 @@ main#maincontent {
   */
 
 .content-wrapper {
-  .alignfull {
+    .alignfull { @apply max-w-full; }
-    @apply max-w-full;
-  }
 
-  .alignwide {
+    .alignwide { @apply max-w-full; }
-    @apply max-w-full;
-  }
 
-  .alignleft {
+    .alignleft { @apply ml-0 mr-auto float-none; }
-    @apply ml-0 mr-auto float-none;
-  }
 
-  .alignright {
+    .alignright { @apply ml-auto mr-0 float-none; }
-    @apply ml-auto mr-0 float-none;
-  }
 
-  .aligncenter {
+    .aligncenter { @apply mx-auto; }
-    @apply mx-auto;
-  }
 }
 
 /* Responsive embeds */

styles/components/site-header.css

@@ -5,8 +5,6 @@
     background: linear-gradient(90.15deg, #0773AC -39.25%, #032F46 100%);
 
     .header__nav-main {
-        max-width: 80.5rem;
-
         .nav-main { @apply self-stretch; }
     }
 
@@ -15,7 +13,6 @@
 
         .header__nav-aux {
             @apply px-0!;
-            max-width: 80.5rem;
         }
 
         a {

views/blocks/contact-block/contact-block.css

@@ -3,7 +3,6 @@
 .contact-block {
     background-color: var(--color-navy, #0d1f35);
     border-bottom: 1rem solid var(--color-orange, #F26B53);
-    max-width: 80.5rem;
     overflow: hidden;
     position: relative;