skew custy logo section

website/source/assets/stylesheets/_home.scss

@@ -34,7 +34,7 @@ body.page-home {
 	}
 
 	#primary-cta{
-		padding-bottom: 60px;
+		padding-bottom: 160px;
 		color: $white;
 		background: $black;
 
@@ -46,9 +46,13 @@ body.page-home {
 	#customer-logos{
 		position: relative;
 		width: 100%;
+		margin-top: -100px;
 		padding: 60px 0;
 		color: $white;
-		background: $black;
+
+		>.container {
+			z-index: 21;
+		}
 
 		p {
 			display: inline-block;
@@ -56,6 +60,13 @@ body.page-home {
 			margin-right: 6%;
 			padding-top: 20px;
 		}
+
+		#customer-logos-bg{
+			@include skewY(-3deg);
+			z-index: 20;
+			background: $black;
+			background-size: 100%;
+		}
 	}
 
 	ul.customer-list{

website/source/index.html.erb

@@ -23,7 +23,7 @@
 	</div>
 </div>
 
-<div id="customer-logos">
+<div class="skew-item" id="customer-logos">
 	<div class="container">
 		<div class="row">
 			<div class="col-sm-12">
@@ -38,8 +38,9 @@
 		    </ul>
 			</div>
 		</div>
-	</div>
-</div><!-- / #customer-logos -->
+	</div> <!-- / .container -->
+	<div class="feature-skew" id="customer-logos-bg"></div>
+</div> <!-- / #customer-logos -->
 
 <div id="feature-overview">
 	<div class="container">