From 1c048bf0a8ff5844160fe8e02bb3286ca90fc36d Mon Sep 17 00:00:00 2001
From: Ove Klykken <klykken@gmail.com>
Date: Tue, 10 Jun 2014 13:10:12 -0400
Subject: [PATCH] Misc changes

Hiding logo on smaller screens.
Removed redundant CSS rule
custom style for h2 toolbox headers
---
 styles.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/styles.css b/styles.css
index 9059b72..fa1f11b 100644
--- a/styles.css
+++ b/styles.css
@@ -25,12 +25,12 @@ body {
     margin-left: 36px;
     margin-bottom: 20px;
     }
-@media only screen and (max-width: 64.063em) {
+@media only screen and (max-width: 40.063em) {
     #logo,
     #saultstemarie {
         display: none;
         }
-}
+    }
 .vcard {
     color: white;
     border: 0;
@@ -61,22 +61,21 @@ body {
     border: 1px solid #065892;
     border-radius: 5px;
     }
-#nav .top-bar-section ul li {
-    background: #065892;
-    }
+
 #nav .top-bar-section ul li a:hover {
     color: #fffb02 !important;
     }
-@media only screen and (max-width: 40.063em) {
+@media only screen and (max-width: 64.063em) {
     #nav {
         display: block;
+        width: 100%;
         }
-}
+    }
 @media only screen and (max-width: 40.063em) {
     .top-bar {
         display: none;
         }
-}
+    }
 /* Social Media icons */
 #sm li {
     width: 41px;
@@ -124,13 +123,16 @@ body {
     margin: 2em 0;
     }
 /* Toolbox */
-#toolbox h1 {
+#toolbox h1,
+#toolbox h2 {
     color: #b5383e;
     font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
-    text-transform: uppercase;
     font-size: 1.7rem;
     font-weight: bold;
     }
+#toolbox h1 {
+    text-transform: uppercase;
+    }
 /* Block / Home Page Headlines */
 #hHlines ul, #hHlines li {
     list-style-type: none;
-- 
2.17.1