CSS tweaks for mobile compatibility

css/style.css

@@ -191,6 +191,38 @@ a:focus {
     .intro .intro-body .intro-text {
         font-size: 26px;
     }
+
+    .hb-sm {
+      display: none;
+    }
+    .hb-xs {
+      display: block;
+    }
+    #logo_large, #logo_about {
+      display: none;
+    }
+    #logo_small {
+      display: block;
+    }
+}
+
+.hb-sm {
+  display: block;
+}
+.hb-xs {
+  display: none;
+}
+#logo_large, #logo_about {
+  display: block;
+}
+#logo_small {
+  display: none;
+}
+#logo_large, #logo_about {
+  display: none;
+}
+#logo_small {
+  display: block;
 }
 
 .btn-circle {
@@ -268,7 +300,7 @@ a:focus {
 }
 
 .content-section {
-    padding-top: 50px;
+    padding-top: 0px;
     text-align: center;
 }