fix: accessibility & legal notice page

scss/accessibility.scss

@@ -3,22 +3,17 @@
 .accessibility {
   display: flex;
   flex-direction: column;
-  margin-block: 80px;
-  padding-inline: 120px;
-
-  * {
-    max-width: 1400px;
-  }
-
-  @media (max-width: $breakpoint) {
-    margin-block: 20px;
-    padding-inline: 20px;
-  }
+  padding-inline: 20px;
+  margin: auto;
+  margin-block: 20px;
+  width: 100%;
+  max-width: 700px;
 
   h2,
   h3,
   h4 {
-    margin-top: 8px;
+    margin-top: 12px;
+    margin-bottom: 4px;
   }
   table {
     width: 100%;

scss/mentions-legales.scss

@@ -5,17 +5,11 @@
   display: flex;
   flex-direction: column;
   gap: 16px;
-  margin-top: 80px;
-  padding-inline: 120px;
-
-  * {
-    max-width: 1400px;
-  }
-
-  @media (max-width: $breakpoint) {
-    margin-top: 20px;
-    padding-inline: 20px;
-  }
+  padding-inline: 20px;
+  margin: auto;
+  margin-block: 20px;
+  width: 100%;
+  max-width: 700px;
 
   .paragraph {
     display: flex;