Misc changes

Hiding logo on smaller screens.
Removed redundant CSS rule
custom style for h2 toolbox headers

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