From a10a1364f37eb1c6b4c32b0f4c2cef9421c0a5bb Mon Sep 17 00:00:00 2001
From: scotty <scott@unitedcreations.com>
Date: Thu, 17 Mar 2016 17:16:55 -0700
Subject: [PATCH] home page css fixes

---
 _includes/head-header.html |  2 +-
 _sass/_base.sass           |  3 +++
 _sass/_desktop.sass        | 11 ++++++---
 _sass/_tablet.sass         | 47 +++++++++++++++++++++++++++++++-------
 4 files changed, 51 insertions(+), 12 deletions(-)

diff --git a/_includes/head-header.html b/_includes/head-header.html
index 2a1eddb715..154466fe7d 100644
--- a/_includes/head-header.html
+++ b/_includes/head-header.html
@@ -59,4 +59,4 @@
 			<div class="clear" style="clear: both"></div>
 		</main>
 	</nav>
-</header>
+</header>
\ No newline at end of file
diff --git a/_sass/_base.sass b/_sass/_base.sass
index 7f23e8a1fa..92293ef5e3 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -948,6 +948,9 @@ $feature-box-div-margin-bottom: 40px
 	padding-top: $ocean-nodes-padding-Y
 	padding-bottom: $ocean-nodes-padding-Y
 
+	a
+		color: $blue
+
 	main
 		margin-bottom: $ocean-nodes-padding-Y
 		min-height: 160px
diff --git a/_sass/_desktop.sass b/_sass/_desktop.sass
index 21f21be1ee..33c57972a7 100644
--- a/_sass/_desktop.sass
+++ b/_sass/_desktop.sass
@@ -91,17 +91,22 @@ $video-section-height: 550px
 	#oceanNodes
 		main
 			position: relative
-			max-width: $main-max-width
+			max-width: 830px
 
 			&:nth-child(1)
+				max-width: 1000px
+				padding-right: 500px
+
+				h3, p
+					text-align: left
 
 				.image-wrapper
 					position: absolute
 					max-width: 48%
 					transform: translateY(-50%)
 
-				.content
-					width: 50%
+				//.content
+				//	width: 50%
 
 
 	#video
diff --git a/_sass/_tablet.sass b/_sass/_tablet.sass
index a139308695..c09385c683 100644
--- a/_sass/_tablet.sass
+++ b/_sass/_tablet.sass
@@ -68,6 +68,25 @@ $feature-box-div-width: 45%
 @media screen and (min-width: 750px)
 	@import "size"
 
+	p
+		font-size: 16px
+		line-height: 24px
+		letter-spacing: 0.1px
+
+	h1
+		font-size: 36px
+		line-height: 44px
+
+	h3
+		font-size: 28px
+		line-height: 36px
+
+	h4
+		font-size: 24px
+		line-height: 40px
+
+
+
 	#home
 		#viewDocs, #tryKubernetes
 			display: inline-block
@@ -95,10 +114,17 @@ $feature-box-div-width: 45%
 	#oceanNodes
 		h3
 			text-align: left
+			margin-bottom: 18px
 
 		main
 			position: relative
 			clear: both
+			display: table
+
+			.content
+				display: table-cell
+				position: relative
+				vertical-align: middle
 
 			.image-wrapper
 				position: absolute
@@ -108,28 +134,33 @@ $feature-box-div-width: 45%
 				transform: translateY(-50%)
 
 			&:nth-child(odd)
-				.content
-					padding-right: 30%
+				padding-right: 210px
 
 				.image-wrapper
 					right: 0
 
 			&:nth-child(even)
-				.content
-					padding-left: 30%
+				padding-left: 210px
 
 				.image-wrapper
 					left: 0
 
 			&:nth-child(1)
-				.content
-					padding-right: 0
+				padding-right: 0
+
+				h3, p
+					text-align: center
 
 				.image-wrapper
 					position: relative
+					display: block
+					float: none
 					max-width: 100%
 					transform: none
 
+				.content
+					display: block
+
 			img
 				width: 100%
 
@@ -148,6 +179,8 @@ $feature-box-div-width: 45%
 		padding-bottom: 60px
 
 		.feature-box
+			margin-bottom: 30px
+
 			&:last-child
 				margin-bottom: 0
 
@@ -155,8 +188,6 @@ $feature-box-div-width: 45%
 			margin-bottom: $features-h3-margin-bottom
 
 		.feature-box
-			margin-bottom: $feature-box-margin-bottom
-
 			& > div
 				width: $feature-box-div-width
 				margin-bottom: $feature-box-div-margin-bottom