moved the wwrapper css into the right file

static/css/columns.css

@@ -25,7 +25,4 @@
   width: 80%;
   padding-left: 10%;
  }
- .wwrapper {
-  max-width: 48%;
- }
 }

static/css/haiku.css

@@ -40,6 +40,16 @@ body {
  padding-bottom: 0.5em;
  display: inline-grid;
 }
+@media screen and (min-width: 1024px) {
+ .wwrapper {
+  max-width: 48%;
+ }
+}
+@media screen and (max-width: 1023px) {
+ .wwrapper {
+  max-width: 100%;
+ }
+}
 .wbutton {
  display: inline-block;
  vertical-align: middle;