diff --git a/css/sass/style.scss b/css/sass/style.scss
index 3464fde..b4acdb6 100755
--- a/css/sass/style.scss
+++ b/css/sass/style.scss
@@ -18,6 +18,10 @@
 ------------------------------------------------------------ */
 @import "supporting/screen-reader-text";
 
+/* Column Classes
+------------------------------------------------------------ */
+@import "supporting/columns";
+
 /* Archive/Blog Styling
 ------------------------------------------------------------ */
 @import "supporting/archive";
diff --git a/css/sass/supporting/columns.scss b/css/sass/supporting/columns.scss
new file mode 100644
index 0000000..8f895f7
--- /dev/null
+++ b/css/sass/supporting/columns.scss
@@ -0,0 +1,54 @@
+/* Column Classes
+------------------------------------------------------------ */
+
+.five-sixths,
+.four-sixths,
+.one-fourth,
+.one-half,
+.one-sixth,
+.one-third,
+.three-fourths,
+.three-sixths,
+.two-fourths,
+.two-sixths,
+.two-thirds {
+	float: left;
+	margin-left: 2.564102564102564%;
+}
+
+.one-half,
+.three-sixths,
+.two-fourths {
+	width: 48.717948717948715%;
+}
+
+.one-third,
+.two-sixths {
+	width: 31.623931623931625%;
+}
+
+.four-sixths,
+.two-thirds {
+	width: 65.81196581196582%;
+}
+
+.one-fourth {
+	width: 23.076923076923077%;
+}
+
+.three-fourths {
+	width: 74.35897435897436%;
+}
+
+.one-sixth {
+	width: 14.52991452991453%;
+}
+
+.five-sixths {
+	width: 82.90598290598291%;
+}
+
+.first {
+	clear: both;
+	margin-left: 0;
+}