diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index be079553fe417778eab2fc9451f666b0fd0e1c33..6cc6a506aa62ec3b131f5b3972bd9d09498f6a0b 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -254,21 +254,8 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 .shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }
 
 .columns {
-    width: 100%;
-    overflow: hidden;
-}
-
-.column-small {
-    width: 31%;
- }
-.column-large {
-    margin-left: 35%;
-    margin-right: 50px;
 }
 
-.column-left { float: left; }
-.column-right { float: right; }
-
 .column h2 { font-size: 1.25em; }
 .column h3 { font-size: 1.1em; }
 .column hr { width: 50%; align: center; }
@@ -276,6 +263,17 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 .column h2 a { text-decoration: none; color: #000000; }
 .column h2 a:hover { text-decoration: underline; }
 
+@media all and (min-width: 60em) {
+    .column {
+        float: left;
+    }
+    .column:nth-child(odd) {
+        clear: both;
+        width: 47%;
+        margin-right: 3em;
+    }
+}
+
 #conservancyfooter {
   margin-top: 1em;
   border-top: 1px solid #ccc;