mobile responsive improvements

_sass/includes/footer.scss

@@ -5,12 +5,12 @@ footer.page-footer {
   a.social-link {
     padding: $size-16;
     background-color: $white;
-    margin-right: $size-16;
     fill: $black;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     transition: all 0.2s ease-in-out;
+    margin-right: $size-16;
 
     svg {
       transition: all 0.2s ease-in-out;
@@ -24,4 +24,17 @@ footer.page-footer {
       }
     }
   }
+
+  @include touch {
+    padding-top: 0;
+
+    a.social-link {
+      margin: 0;
+    }
+    .page-content {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+    }
+  }
 }

_sass/includes/header.scss

@@ -20,6 +20,11 @@ header.page-header {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
+
+    @include touch {
+      top: $size-16;
+      right: $size-12;
+    }
     .menu {
       display: flex;
     }

_sass/pages/how-to-participate.scss

@@ -9,6 +9,12 @@
     margin: 0 40px 16px 0;
   }
 
+  @include touch {
+    .content h2 {
+      margin: 0;
+    }
+  }
+
   .content p:last-of-type {
     margin-top: 24px;
   }