footer, better nav, design

site/src/css/wrapfig.css

@@ -4,26 +4,45 @@
 }
 
 .wrapfig {
-    width: 40%;
+    width: 100%;
 }
 
 .wrapfig.left {
-    float: left;
+    float: none;
 }
 
 .wrapfig.right {
-    float: left;
+    float: none;
 }
 
 .wrapfig-text {
     margin: 5px;
-    width: 58%;
+    width: 100%;
 }
 
-.wrapfig-text.left {
-    margin-right: auto;
-}
 
-.wrapfig-text.right {
-    margin-left: auto;
+@media only screen and (min-width: 999px) {
+    .wrapfig {
+        width: 40%;
+    }
+    
+    .wrapfig.left {
+        float: left;
+    }
+    
+    .wrapfig.right {
+        float: right;
+    }
+    
+    .wrapfig-text {
+        width: 58%;
+    }
+
+    .wrapfig-text.left {
+        margin-right: auto;
+    }
+    
+    .wrapfig-text.right {
+        margin-left: auto;
+    }    
 }