From 6d6a70e705eccdd27a1a3856ee6c59ef780c5733 Mon Sep 17 00:00:00 2001
From: Joseph Hutchinson <hutch7995@gmail.com>
Date: Fri, 16 Mar 2018 10:37:30 -0400
Subject: [PATCH] Switch from using max-width media classifiers to min-width

---
 static/css/style.css | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index f52524f..ef9474e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,7 +1,7 @@
 body {
     font-family: 'LatoLatinWeb', Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     color: #3A3B3C;
-    font-size: 1.125rem;
+    font-size: 1rem;
     line-height: 1.5;
     margin: 0;
     padding: 0;
@@ -74,8 +74,24 @@ tr:nth-child(even) td {
     background: #f3f3f3;
 }
 
-@media (max-width: 768px) {
+/* Small devices (landscape phones, 576px and up) */
+@media (min-width: 576px) {
+
+}
+
+/* Medium devices (tablets, 768px and up) */
+@media (min-width: 768px) {
     body {
-        font-size: 1rem;
+        font-size: 1.125rem;
     }
 }
+
+/* Large devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+
+}
+
+/* Extra large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+
+}