Make padding consistent

pages/about/index.module.css

@@ -1,5 +1,5 @@
 .page {
-  margin: calc(20rem / 16) 0 calc(60rem / 16);
+  padding: calc(20rem / 16) 0 calc(60rem / 16);
 }
 
 .title {
@@ -34,6 +34,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    padding-bottom: calc(30rem / 16);
+  }
+
   .titleContainer {
     display: flex;
     flex-direction: column;

pages/get-involved.module.css

@@ -1,5 +1,5 @@
 .page {
-  margin: calc(50rem / 16) 0;
+  padding: calc(60em / 16) 0;
 }
 
 .page > header {
@@ -51,6 +51,10 @@
 }
 
 @media only screen and (max-width: calc(768rem / 16)) {
+  .page {
+    padding: calc(30em / 16);
+  }
+
   .page > header {
     display: flex;
     flex-direction: column-reverse;