From 2c100a8e87fab89e0752ef8d2be851497b0a3987 Mon Sep 17 00:00:00 2001
From: Joel Glovier <jglovier@github.com>
Date: Mon, 24 Feb 2014 15:56:49 -0500
Subject: [PATCH] Fix site footer styles on mobile

---
 lib/site_template/css/main.css | 32 +++++++++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/lib/site_template/css/main.css b/lib/site_template/css/main.css
index 9d8caca1..a4882546 100755
--- a/lib/site_template/css/main.css
+++ b/lib/site_template/css/main.css
@@ -320,6 +320,28 @@ a:visited { color: #205caa; }
 /* media queries */
 /* ----------------------------------------------------------*/
 
+
+@media screen and (max-width: 750px) {
+
+  .footer-col-1 { width: 50%; }
+
+  .footer-col-2 {
+    width: 45%; /*fallback*/
+    width: -webkit-calc(50% - 10px);
+    width: -moz-calc(50% - 10px);
+    width: -o-calc(50% - 10px);
+    width: calc(50% - 10px);
+    margin-right: 0;
+  }
+
+  .site-footer .column.footer-col-3 {
+    width: auto;
+    float: none;
+    clear: both;
+  }
+
+}
+
 @media screen and (max-width: 600px) {
 
   .wrap { padding: 0 12px; }
@@ -351,7 +373,9 @@ a:visited { color: #205caa; }
     display: none;
   }
 
-  .site-nav:hover .trigger { display: block; }
+  .site-nav:hover .trigger,
+  .site-nav:active .trigger,
+  .site-nav:focus .trigger, { display: block; }
 
   .site-nav .page-link {
     display: block;
@@ -369,4 +393,10 @@ a:visited { color: #205caa; }
   .post-content ul,
   .post-content ol { padding-left: 10px; }
 
+  .site-footer .column {
+    float: none;
+    clear: both;
+    width: auto;
+    margin: 0 0 15px; }
+
 }
\ No newline at end of file