Index: web-extra/martin.css.pp
==================================================================
--- web-extra/martin.css.pp
+++ web-extra/martin.css.pp
@@ -24,11 +24,14 @@
 @import url('normalize.css');
 
 /* Let us first address the matter of font size in different screen sizes. */
 
 /* Mobile portrait screens will see a minimum 18px font. */
-html { font-size: 22px; } 
+html { 
+    font-size: 22px;
+    height: 100%;
+    } 
 
 /* Start increasing type size dynamically at screen widths of 768px */
 @media (min-width: 768px) { 
     html { font-size: 2.8vw; } 
 }
@@ -73,10 +76,13 @@
       1.3 Individual post body markup
       1.4 Journal views (article listings)  
  */
 
 body {
+    height: 100%;           /* height and flex are to keep footer stuck to bottom of page */
+    display: flex;
+    flex-direction: column;
     margin: 0;
     background: ◊color-background;
 
     /* Typography: `line-height` is important!
        All verticle rhythm based on this value. */
@@ -102,10 +108,11 @@
 
 main {
     background: white;
     margin: 0;
     padding: ◊x-lineheight[0.5] ◊x-lineheight[1];
+    flex: 1 0 auto;
 }
 
 main > a > header {
     text-align: center;
 }
@@ -343,10 +350,11 @@
 }
 
 p.time {
     margin: 0 0 ◊x-lineheight[1] 0;
 }
+
 footer.article-info {
     margin: ◊x-lineheight[1] 0;
     text-align: center;
     font-feature-settings: "smcp" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
     color: #555555; /* Accessibility (contrast) */
@@ -722,10 +730,11 @@
   text-align: left;
   font-size: 0.8rem;
   line-height: 1rem;
   width: 90%;
   margin: 0 auto;
+  flex-shrink: 0;
 }
 
 @media (min-width: 667px) {
   footer#main {
     text-align: center;