diff --git a/website/source/images/hero-bg.png b/website/source/images/hero-bg.png
index 6b2065648..df9e6b0dc 100644
Binary files a/website/source/images/hero-bg.png and b/website/source/images/hero-bg.png differ
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 559b31efb..57a4fe627 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -43,7 +43,7 @@
 				</div>
 			</div>
 			<div class="col-lg-6 col-md-6">
-				<h3 class="feature-t">Iterate on infrastructure safely</h3>
+				<h2 class="feature-t">Iterate on infrastructure safely</h2>
 			</div>			
 		</div>
 	</div> <!-- /container -->
@@ -53,7 +53,7 @@
 	<div class="container">
 		<div class="row">
 			<div class="col-lg-6 col-md-6">
-				<h3 class="feature-t">Clone comple environments easily</h3>
+				<h2 class="feature-t">Clone comple environments easily</h2>
 			</div>		
 			<div class="col-lg-6 col-md-6">
 				<div class="clone-icon f-icon">
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 568f07b4c..1ea27a9ff 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -7,6 +7,7 @@
 
 .feature{
 	padding: 240px 0;
+	.lato-light();
 	.anti-alias();
 
 	h2{
@@ -15,7 +16,7 @@
 		line-height: 54px;
 		letter-spacing: 2px;
 		color: @purple;
-		.lato-light()
+		.lato-light();
 	}
 
 	p{
@@ -58,7 +59,8 @@
 
 #feature-iterate{
 	margin-top: -80px;
-	padding: 240px 0;
+	padding: 280px 0;
+	color: white;
 	background: #fff url(../images/feature-iterate-bg.png) center top no-repeat;
 	border-top: 2px solid white;
 	border-bottom: 2px solid @purple;
@@ -68,17 +70,26 @@
 	>.container{
 		.skewY(-2deg);
 	}
+
+	h2{
+		color: white;
+	}	
 }
 
 #feature-clone{
 	margin-top: -80px;
 	padding: 240px 0;
+	color: white;
 	background-color: @purple;
 	.skewY(2deg);
 
 	>.container{
 		.skewY(-2deg);
 	}
+
+	h2{
+		color: white;
+	}	
 }
 
 
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 0790dd7d0..6fe935ec6 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -530,6 +530,8 @@ body.page-sub #header {
 }*/
 .feature {
   padding: 240px 0;
+  font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 100;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
 }
@@ -584,7 +586,8 @@ body.page-sub #header {
 }
 #feature-iterate {
   margin-top: -80px;
-  padding: 240px 0;
+  padding: 280px 0;
+  color: white;
   background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat;
   border-top: 2px solid white;
   border-bottom: 2px solid #822ff7;
@@ -602,9 +605,13 @@ body.page-sub #header {
   -o-transform: skewY(-2deg);
   transform: skewY(-2deg);
 }
+#feature-iterate h2 {
+  color: white;
+}
 #feature-clone {
   margin-top: -80px;
   padding: 240px 0;
+  color: white;
   background-color: #822ff7;
   -webkit-transform: skewY(2deg);
   -moz-transform: skewY(2deg);
@@ -619,6 +626,9 @@ body.page-sub #header {
   -o-transform: skewY(-2deg);
   transform: skewY(-2deg);
 }
+#feature-clone h2 {
+  color: white;
+}
 #footer {
   background-color: #d7d4d7;
   background: #d7d4d7 url(../images/consul-footer-logo.png) center center no-repeat;