fix footer for small displays

css/swc.css

@@ -552,10 +552,10 @@ a:hover {
 }
 
 footer {
-    background:#2b3990;
-    padding:20px 0;
+    background: #2b3990;
+    padding: 20px 0;
     font-size: 10pt;
-    margin-top:10px;
+    margin-top: 10px;
 }
 
 footer a, footer a:hover{
@@ -567,18 +567,19 @@ footer .container .links {
     background:url('../img/software-carpentry-banner-white.png') no-repeat;
     background-size: 200px;
     background-position: 0;
-    height: 40px;
+    min-height: 40px;
     padding: 20px 0px 0px 200px;
     text-align: right;
 }
 
+
 /* Footer of every page. */
 /* TODO -- might clash with site footer */
 div.footer {
     clear: both;
     background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF;
     padding: 4px 10px 7px 10px;
-    border-top: 1px solid #A6A6A6;
+   border-top: 1px solid #A6A6A6;
     text-align: right;
 }
 
@@ -726,7 +727,13 @@ div.chapter h2 {
 	height: 36px;
 	margin-top: 10px
     }
+    footer .container .links {
+	background:url('../img/software-carpentry-banner-white.png') no-repeat;
+	background-size: 180px;
+	background-position: 0;
+    }
 }
+
 /* GitHub ribbon breaking point */
 @media screen and (min-width: 600px) {
     #github-ribbon {