From f5e5a4c7a908bd217414b1db657b31dc974a3208 Mon Sep 17 00:00:00 2001
From: Jason Costello <hello.costello@gmail.com>
Date: Mon, 10 Oct 2016 12:27:53 -0700
Subject: [PATCH] smaller screen styles for customer list

---
 .../source/assets/stylesheets/_buttons.scss   |  1 +
 website/source/assets/stylesheets/_home.scss  | 56 +++++++++++++++----
 2 files changed, 47 insertions(+), 10 deletions(-)

diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss
index 089949c38..4d16b548a 100755
--- a/website/source/assets/stylesheets/_buttons.scss
+++ b/website/source/assets/stylesheets/_buttons.scss
@@ -72,6 +72,7 @@
 @media (max-width: 768px) {
 	.outline-btn, .terra-btn{
 		font-size: 16px;
+		text-align: center;
 	}
 }
 
diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss
index b5b8ef45b..f506a0794 100755
--- a/website/source/assets/stylesheets/_home.scss
+++ b/website/source/assets/stylesheets/_home.scss
@@ -85,10 +85,6 @@ body.page-home {
 	    overflow: hidden;
 		}
 
-		li.last {
-			float: right;
-		}
-
 		#nike {
 			background: transparent image-url("customer-logos/nike.svg") center no-repeat;
 			background-size: 100%;
@@ -439,7 +435,7 @@ body.page-home {
 		@include skewY(-3deg);
 		z-index: 30;
 		background: $purple image-url("latest-announce-bg.svg") bottom left no-repeat;
-		background-size: 100%;
+		background-size: cover;
 	}
 
 	#enterprise-intro{
@@ -457,7 +453,7 @@ body.page-home {
 			left: -5px;
 			margin-bottom: 20px;
 			background: image-url("terraform-enterprise-logo.svg") top left no-repeat;
-			background-size: 400px;
+			background-size: 320px;
 			overflow: hidden;
 
 			span {margin-left: -200%}
@@ -557,18 +553,58 @@ body.page-home {
 			line-height: 1.4;
 			font-weight: 300;
 			letter-spacing: .3px;
-			margin-bottom: 30px;
+			margin-bottom: 20px;
 		}
 
 		p.lead{
 			font-size: 18px;
 		}
 
-		#demos{
-			.explantion {
-				margin: 40px 0 60px 0;
+		#primary-cta{
+			padding-bottom: 100px;
+		}
+
+		#customer-logos{
+			padding: 40px 0;
+
+			p {
+				display: block;
+				position: relative;
+				width: 100%;
+				text-align: center;
 			}
 
+			#customer-logos-bg{
+				z-index: 30;
+				background: $black;
+				background-size: 100%;
+				@include skewY(-3deg);
+				-webkit-backface-visibility: hidden;
+			}
+
+			ul.customer-list{
+				 display: block;
+				 position: relative;
+				 width: 100%;
+				 margin: 0 auto;
+				 padding: 0;
+				 text-align: center;
+
+				li{
+					display: inline-block;
+					position: relative;
+					width: 40px;
+					height: 40px;
+					margin: 0 2%;
+					text-indent: 100%;
+			    white-space: nowrap;
+			    overflow: hidden;
+				}
+			}
+		}
+
+		#demos{
+
 			.terminals{
 				.terminal-item{
 					>header{