From bc4ddfebc5823d1c717bd7037629d5e0818a6f10 Mon Sep 17 00:00:00 2001
From: scotty <scott@unitedcreations.com>
Date: Mon, 26 Sep 2016 16:51:53 -0700
Subject: [PATCH] css refinements - case studies

---
 _sass/_base.sass    | 61 ++++++++++++++++++++++++++++++++++-----------
 _sass/_desktop.sass | 12 ++++++---
 _sass/_tablet.sass  |  6 +++++
 index.html          | 29 +++++++++++++++++----
 4 files changed, 85 insertions(+), 23 deletions(-)

diff --git a/_sass/_base.sass b/_sass/_base.sass
index 25a653841c..91d47a6b48 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -1277,26 +1277,29 @@ $feature-box-div-margin-bottom: 40px
 
 
 #home
-	#talkToUs main
-		padding: 30px 0
+	#talkToUs
+		main
+			padding: 30px 0
+		
+		h5
+			font-size: 20px
 
-	#bigSocial
+
+	#caseStudiesWrapper
+		position: relative
 		text-align: center
+		margin-bottom: 30px
 		
 		div
+			position: relative
 			display: inline-block
-			float: none
-			padding-top: 125px
-			width: calc(90%)
-			
-			a
-				margin-top: 15px
-				font-size: 18px
-
-
-
-		//div:nth-child(1)
-		//	background-image: url(/images/community_logos/viacom_logo.png)
+			vertical-align: top
+			width: 100%
+			min-height: 230px
+			padding: 125px 10px 15px
+			margin-bottom: 30px
+			background-position: top center
+			background-repeat: no-repeat
 
 		div:nth-child(1)
 			background-image: url(/images/community_logos/pearson_logo.png)
@@ -1309,3 +1312,31 @@ $feature-box-div-margin-bottom: 40px
 
 		div:nth-child(4)
 			background-image: url(/images/community_logos/wikimedia_foundation_logo.png)
+			
+		p
+			font-size: 20px
+			
+		a
+			position: absolute
+			bottom: 0
+			left: 50%
+			transform: translateX(-50%)
+			color: $blue
+			font-weight: 400
+
+	
+	//#bigSocial
+	//	text-align: center
+	//	
+	//	div
+	//		display: inline-block
+	//		float: none
+	//		padding-top: 125px
+	//		width: calc(90%)
+	//		
+	//		a
+	//			margin-top: 15px
+	//			font-size: 18px
+	//
+	//
+	//
diff --git a/_sass/_desktop.sass b/_sass/_desktop.sass
index 97766bdfa6..7faddf913c 100644
--- a/_sass/_desktop.sass
+++ b/_sass/_desktop.sass
@@ -138,9 +138,9 @@ $video-section-height: 550px
 
 			div + div
 				margin-left: 20px
-
-			div:nth-child(3), div:nth-child(4)
-				margin-top: 0
+			//
+			//div:nth-child(3), div:nth-child(4)
+			//	margin-top: 0
 
 
 	//#home #bigSocial
@@ -288,3 +288,9 @@ $video-section-height: 550px
 	#bigSocial
 		div
 			width: calc(25% - 18px)
+
+
+	#home #caseStudiesWrapper
+		div
+			width: 24%
+			min-height: 260px
diff --git a/_sass/_tablet.sass b/_sass/_tablet.sass
index 7dd5f0ac23..ce9bcd941d 100644
--- a/_sass/_tablet.sass
+++ b/_sass/_tablet.sass
@@ -242,3 +242,9 @@ $feature-box-div-width: 45%
 
 			input
 				text-align: left
+
+
+
+	#home #caseStudiesWrapper
+		div
+			width: 48%
diff --git a/index.html b/index.html
index cb1fb90444..3c940304ba 100644
--- a/index.html
+++ b/index.html
@@ -131,11 +131,7 @@ title: Production-Grade Container Orchestration
 <section id="talkToUs">
 	<main>
 		<h3>Case Studies</h3>
-		<div id="bigSocial">
-			<!--<div>-->
-				<!--<a href="https://youtu.be/OLwzSHBtxhI">Watch the video</a>-->
-				<!--<p>Creating Next Generation Kubernetes Infrastructure at Viacom</p>-->
-			<!--</div>-->
+		<div id="caseStudiesWrapper">
 			<div>
 				<p>Using Kubernetes to reinvent the world’s largest educational company</p>
 				<a href="/case-studies/pearson/">Read more</a>
@@ -153,6 +149,29 @@ title: Production-Grade Container Orchestration
 				<a href="https://www.youtube.com/watch?v=6XGUTu3WhBw">Watch the video</a>
 			</div>
 		</div>
+
+		<!--<div id="bigSocial">-->
+			<!--&lt;!&ndash;<div>&ndash;&gt;-->
+				<!--&lt;!&ndash;<a href="https://youtu.be/OLwzSHBtxhI">Watch the video</a>&ndash;&gt;-->
+				<!--&lt;!&ndash;<p>Creating Next Generation Kubernetes Infrastructure at Viacom</p>&ndash;&gt;-->
+			<!--&lt;!&ndash;</div>&ndash;&gt;-->
+			<!--<div>-->
+				<!--<p>Using Kubernetes to reinvent the world’s largest educational company</p>-->
+				<!--<a href="/case-studies/pearson/">Read more</a>-->
+			<!--</div>-->
+			<!--<div>-->
+				<!--<p>Kubernetes at Box: Microservices at Maximum Velocity</p>-->
+				<!--<a href="https://blog.box.com/blog/kubernetes-box-microservices-maximum-velocity/">Read more</a>-->
+			<!--</div>-->
+			<!--<div>-->
+				<!--<p>Inside eBay’s shift to Kubernetes and containers atop OpenStack</p>-->
+				<!--<a href="http://www.nextplatform.com/2015/11/12/inside-ebays-shift-to-kubernetes-and-containers-atop-openstack/">Read the story</a>-->
+			<!--</div>-->
+			<!--<div>-->
+				<!--<p>Migrating from a homegrown ‘cluster’ to Kubernetes</p>-->
+				<!--<a href="https://www.youtube.com/watch?v=6XGUTu3WhBw">Watch the video</a>-->
+			<!--</div>-->
+		<!--</div>-->
 		<h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">View all case studies</a></h5>
 	</main>
 </section>