fix: refactor breadcrumbs to take page type variants to better match margins

components/Footer/Navigation/navigation.module.css

@@ -1,6 +1,6 @@
 .section {
   background: var(--Base-Surface-Subtle-Normal);
-  padding: var(--Spacing-x7) var(--Spacing-x2);
+  padding: var(--Spacing-x7) 0;
 }
 
 .maxWidth {
@@ -8,12 +8,12 @@
   display: flex;
   justify-content: space-between;
   flex-direction: column;
-  max-width: var(--max-width-content);
+  max-width: var(--max-width-page);
 }
 
 @media screen and (min-width: 767px) {
   .section {
-    padding: var(--Spacing-x9) var(--Spacing-x5);
+    padding: var(--Spacing-x9) 0;
   }
 }