home page css fixes

_includes/head-header.html

@@ -59,4 +59,4 @@
 			<div class="clear" style="clear: both"></div>
 		</main>
 	</nav>
-</header>
+</header>

_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

_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
+				//.content
-					width: 50%
+				//	width: 50%
 
 
 	#video

_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: 210px
-					padding-right: 30%
 
 				.image-wrapper
 					right: 0
 
 			&:nth-child(even)
-				.content
+				padding-left: 210px
-					padding-left: 30%
 
 				.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