Nav, footer, and search mobile cleanup

_sass/layout.scss

@@ -93,7 +93,8 @@
 }
 
 .navigation,
-.site-title {
+.site-title,
+.site-footer {
 
   @include container;
 
@@ -114,8 +115,21 @@
   }
 }
 
-.site-footer {
+body {
+  position: relative;
+  padding-bottom: $sp-10;
+
   @include mq(md) {
-    margin-top: $sp-10;
+    position: static;
+    padding-bottom: 0;
+  }
+}
+
+.site-footer {
+  position: absolute;
+  bottom: $sp-3;
+
+  @include mq(md) {
+    right: 0;
   }
 }

_sass/navigation.scss

@@ -20,6 +20,7 @@
 .navigation-list {
   padding: 0;
   margin-top: $sp-4;
+  margin-bottom: 0;
   list-style: none;
 
   @include mq(md) {
@@ -53,8 +54,12 @@
 }
 
 .navigation-list-item {
-  @include fs-3;
+  @include fs-4;
   margin: 0;
+
+  @include mq(md) {
+    @include fs-3;
+  }
 }
 
 .navigation-list-link {

_sass/search.scss

@@ -3,15 +3,27 @@
 //
 
 .search {
+  position: relative;
+  z-index: 99;
   display: none;
+  flex-grow: 1;
+  padding-bottom: $gutter-spacing / 2;
+  background-color: $white;
+  padding: $sp-2;
+  margin-bottom: $sp-3;
 
   @include mq(md) {
-    position: relative;
-    z-index: 99;
     display: block;
-    flex-grow: 1;
     padding-top: $sp-1;
-    padding-bottom: $gutter-spacing / 2;
+    padding-right: 0;
+    padding-bottom: $sp-4;
+    padding-left: 0;
+    margin-bottom: 0;
+    background-color: transparent;
+  }
+
+  &.nav-open {
+    display: block;
   }
 }