Lots more little tweaks ahead of launch

scss/_header.scss

@@ -78,7 +78,7 @@ header {
     justify-content: space-between;
     align-items: center;
 
-    @media (max-width: 500px) {
+    @media (max-width: 800px) {
       flex-direction: column;
       // align-items: stretch; // uncomment after menu items are added back
     }

scss/_index.scss

@@ -93,6 +93,7 @@
 
   .pager {
     margin: -1.5em 1em 1em;
+    position: static;
 
     .btn {
       min-width: unset;

scss/_markup.scss

@@ -1,5 +1,6 @@
 
 .markup {
+  -webkit-font-smoothing: antialiased;
 
   p a {
     transition-property: color, padding, margin;

scss/_pager.scss

@@ -1,11 +1,15 @@
 
 .pager {
+
+  position: sticky;
+  bottom: 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 5px;
   justify-content: center;
   align-items: center;
-  margin: 1em 0;
+  padding: 1em 0;
+  margin-top: -1em;
 
   &.top {
     margin: 0 0 1em;

scss/_post.scss

@@ -1,7 +1,7 @@
 
 body.page {
   @media (max-width: 500px) {
-    font-size: 0.8em;
+    font-size: 0.9em;
   }
 
   header {
@@ -100,6 +100,4 @@ body.page {
     margin-bottom: 1em;
   }
 
-  // @import "./pager";
-
 }

scss/_tweet.scss

@@ -80,7 +80,6 @@
     }
 
     strong {
-      -webkit-font-smoothing: antialiased;
       grid-area: name;
       font-size: 1.2em;
       line-height: 1.1;