diff --git a/pages/helpers/main.css b/pages/helpers/main.css
index 2080a0d..afde75e 100644
--- a/pages/helpers/main.css
+++ b/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 {