layout improvements

1 files changed, 8 insertions, 2 deletions

diff --git a/public/face.css b/public/face.css
index 8ef6e85..db8016b 100644
--- a/public/face.css
+++ b/public/face.css
@@ -9,11 +9,10 @@ body {
 }
 
 #text {
-  width: 50%;
   margin: 20px auto 20px auto;
 }
 
-#text h1 {
+h1 {
   text-align: center;
 }
 
@@ -34,3 +33,10 @@ body {
 .hidden {
   display: none;
 }
+
+@media (min-width: 992px) {
+  /* limit text with on large screens */
+  #text {
+    width: 50%;
+  }
+}