From 025a0a7999724afdb3e3214172ef565da572dc92 Mon Sep 17 00:00:00 2001
From: Ian Lewis <ianmlewis@gmail.com>
Date: Sun, 31 Mar 2019 21:05:39 -0400
Subject: Center the cover block for mobile devices

---
 assets/scss/_styles_project.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 4680b1006..de91e67c2 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -30,6 +30,11 @@ a.doc-table-anchor {
 }
 
 // Left align the cover block and increase text size.
+.td-default main section.td-cover-block {
+    @media (max-width: 768px) {
+        text-align: center;
+    }
+}
 .td-default main section.td-cover-block h1 {
     padding-bottom: 5rem;
 }
@@ -38,7 +43,9 @@ a.doc-table-anchor {
     padding-bottom: 8rem;
 }
 .td-default main section.td-cover-block p.lead {
-    width: 50%;
+    @media (min-width: 768px) {
+        width: 50%;
+    }
     font-size: 2rem;
 }
 .td-default main section.td-cover-block p.lead strong {
-- 
cgit v1.2.3