From 5f3893dd3b9853ac8bf85fe8ee6dc9e3a19c6936 Mon Sep 17 00:00:00 2001
From: "Ethan N. Paul" <enpaul@omni.enpaul.net>
Date: Fri, 10 Feb 2017 16:47:26 -0500
Subject: [PATCH] New css fix for mobile support

---
 css/style.css | 55 ++++++++++++++++++++++++++++-----------------------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/css/style.css b/css/style.css
index 097c17c..c9d2589 100644
--- a/css/style.css
+++ b/css/style.css
@@ -192,18 +192,6 @@ a:focus {
         font-size: 26px;
     }
 
-    .hb-sm {
-      display: block;
-    }
-    .hb-xs {
-      display: none;
-    }
-    #logo_large, #logo_about {
-      display: block;
-    }
-    #logo_small {
-      display: none;
-    }
 }
 
 .btn-circle {
@@ -346,6 +334,36 @@ ul.banner-social-buttons {
     margin-top: 0;
 }
 
+@media screen and (max-width:767px) {
+  .hb-sm {
+    display: none;
+  }
+  .hb-xs {
+    display: block;
+  }
+  #logo_large, #logo_about {
+    display: none;
+  }
+  #logo_small {
+    display: block;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .hb-sm {
+    display: block;
+  }
+  .hb-xs {
+    display: none;
+  }
+  #logo_large, #logo_about {
+    display: block;
+  }
+  #logo_small {
+    display: none;
+  }
+}
+
 @media(max-width:1199px) {
     ul.banner-social-buttons {
         margin-top: 15px;
@@ -363,19 +381,6 @@ ul.banner-social-buttons {
         margin-bottom: 0;
     }
 
-    .hb-sm {
-      display: block;
-    }
-    .hb-xs {
-      display: none;
-    }
-    #logo_large, #logo_about {
-      display: block;
-    }
-    #logo_small {
-      display: none;
-    }
-
 }
 
 footer {