diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 8d8d30739..b38e363ef 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -40,19 +40,10 @@
 	padding: 200px 0;
 	background: #f8f8f8 url(../images/white-wireframe.png) center top no-repeat;
 	background-size: cover;
-
-  -webkit-transform: skewY(-2deg);
-  -moz-transform: skewY(-2deg);
-  -ms-transform: skewY(-2deg);
-  -o-transform: skewY(-2deg);
-  transform: skewY(-2deg);
+	.skewy-2-neg();
 
 	>.container{
-		-webkit-transform: skewY(2deg);
-    -moz-transform: skewY(2deg);
-    -ms-transform: skewY(2deg);
-    -o-transform: skewY(2deg);
-    transform: skewY(2deg);
+		.skewy-2-pos();
 	}
 
 	.terminal-text{
diff --git a/website/source/stylesheets/_utilities.less b/website/source/stylesheets/_utilities.less
index 8c4fc0e38..a67b0bdc0 100755
--- a/website/source/stylesheets/_utilities.less
+++ b/website/source/stylesheets/_utilities.less
@@ -31,4 +31,21 @@
 .opt-text(){
 	text-rendering: optimizeLegibility;
 	-webkit-font-smoothing: antialiased;
-}
\ No newline at end of file
+}
+
+.skewY(@skew){
+	-webkit-transform: skewY(@skew);
+  -moz-transform: skewY(@skew);
+  -ms-transform: skewY(@skew);
+  -o-transform: skewY(@skew);
+  transform: skewY(@skew)
+}
+
+.skewy-2-neg(){
+  .skewY(-2deg);
+}
+
+.skewy-2-pos(){
+	.skewY(2deg);
+}
+