From 14c0e3ec2023f4b801131bc55fe711af5ed4beb4 Mon Sep 17 00:00:00 2001
From: Mark Eaton <Mark.Eaton@kbcc.cuny.edu>
Date: Tue, 16 Dec 2014 11:55:48 -0500
Subject: [PATCH] Made the heading of the page smaller on very small screens.

---
 LibGuide-home.html |  6 ++----
 LibGuide.css       | 10 ++++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/LibGuide-home.html b/LibGuide-home.html
index 893ffa3..70172e0 100644
--- a/LibGuide-home.html
+++ b/LibGuide-home.html
@@ -7,10 +7,8 @@
             <div id="s-lib-bc">
                 {{breadcrumbs}}
             </div>
-            <h1 id="s-lib-public-header-title">{{title}}
-</h1>
-            <div id="s-lib-public-header-desc">{{system_intro}}
-</div>
+            <h1 id="s-lib-public-header-title">{{title}}</h1>
+            <div id="s-lib-public-header-desc">{{system_intro}}</div>
         </div>
         <!-- END: Content Header -->
         <!-- BEGIN: Nav Bar -->
diff --git a/LibGuide.css b/LibGuide.css
index d0da526..6fa6447 100644
--- a/LibGuide.css
+++ b/LibGuide.css
@@ -27,6 +27,16 @@
     color:white;
 }
 
+/* makes the heading smaller on very small screens */
+
+@media (max-width: 420px) {
+    h1 {
+        font-size: 25px;
+    }
+   #nav-title-spacer {
+        width: inherit;
+    }
+}
 /* Making the pills the right color */
 
 a.label.label-info:hover {