Update header, footer and dependencies

1 files changed, 19 insertions, 14 deletions

diff --git a/_css/style.css b/_css/style.css
index 078b41b..558a061 100644
--- a/_css/style.css
+++ b/_css/style.css
@@ -74,19 +74,6 @@ html {
     font-size: 70%;
 }
 
-/* Foot/copyright */
-.franklin-content .page-foot a {
-    text-decoration: none;
-    color: var(--fade-fg);
-    text-decoration: underline;
-}
-
-.page-foot {
-    font-size: 80%;
-    color: var(--fade-fg);
-    margin: 3rem 0;
-}
-
 /* Text geometry */
 .franklin-content p {
     hyphens: auto;
@@ -232,7 +219,7 @@ html {
 
 /* Header */
 header {
-    margin: 2rem -0.5rem;
+    margin: 1rem -0.5rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
@@ -249,6 +236,24 @@ header a {
 }
 header a:hover { color: var(--text-fg) }
 
+/* Footer */
+.franklin-content .page-foot a {
+    color: var(--fade-fg);
+    text-decoration: underline;
+}
+
+.page-foot {
+    color: var(--fade-fg);
+    font-size: 80%;
+    margin: 1.5rem 0;
+}
+
+/* Balance the horizontal margin with extra vertical ones. */
+@media (min-width: 576px) {
+    header { margin-top: 2rem }
+    .page-foot { margin-bottom: 3rem }
+}
+
 nav, nav li { display: inline-block }
 nav ul { margin: 0 }