Merge branch 'master' into bcamp

_sass/_base.sass

@@ -1277,26 +1277,29 @@ $feature-box-div-margin-bottom: 40px
 
 
 #home
-	#talkToUs main
+	#talkToUs
-		padding: 30px 0
+		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
+			vertical-align: top
-			padding-top: 125px
+			width: 100%
-			width: calc(90%)
+			min-height: 230px
-			
+			padding: 125px 10px 15px
-			a
+			margin-bottom: 30px
-				margin-top: 15px
+			background-position: top center
-				font-size: 18px
+			background-repeat: no-repeat
-
-
-
-		//div:nth-child(1)
-		//	background-image: url(/images/community_logos/viacom_logo.png)
 
 		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
+	//
+	//
+	//

_sass/_desktop.sass

@@ -138,9 +138,9 @@ $video-section-height: 550px
 
 			div + div
 				margin-left: 20px
-
+			//
-			div:nth-child(3), div:nth-child(4)
+			//div:nth-child(3), div:nth-child(4)
-				margin-top: 0
+			//	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

_sass/_tablet.sass

@@ -242,3 +242,9 @@ $feature-box-div-width: 45%
 
 			input
 				text-align: left
+
+
+
+	#home #caseStudiesWrapper
+		div
+			width: 48%

index.html

@@ -131,11 +131,7 @@ title: Production-Grade Container Orchestration
 <section id="talkToUs">
 	<main>
 		<h3>Case Studies</h3>
-		<div id="bigSocial">
+		<div id="caseStudiesWrapper">
-			<!--<div>-->
-				<!--<a href="https://youtu.be/OLwzSHBtxhI">Watch the video</a>-->
-				<!--<p>Creating Next Generation Kubernetes Infrastructure at Viacom</p>-->
-			<!--</div>-->
 			<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>