main, update CSS so that phones and tablets break columns into rows again.

pages/helpers/main.css

@@ -41,6 +41,26 @@
             border-radius: 4px;
 			}
 
+			/* Handle mobile devices a bit better, making columns break out as rows. */
+
+			/* Phones */
+			@media (max-width: 767px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 100%;
+				}
+			}
+
+			/* Tablets */
+			@media (min-width: 768px) and (max-width: 1023px) {
+				[class*="col-"] {
+					float: none;
+					display: block;
+					width: 50%;
+				}
+			}
+
 			/** Make the menu items centered and layout horizontal. **/
 			/*
 			.menu {