view docs button

try kubernetes button

_layouts/home.html

@@ -17,6 +17,7 @@
 <header>
 	<a href="/" class="logo"></a>
 	<div class="nav-buttons" data-auto-burger="primary">
+		<a href="docs" class="button" id="viewDocs">View Documentation</a>
 		<a href="/docs/hellonode/" class="button" id="tryKubernetes">Try Kubernetes</a>
 		<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
 	</div>

_sass/_base.sass

@@ -117,6 +117,26 @@ header
 .nav-buttons
 	float: right
 
+#viewDocs
+	border: 1px solid white
+	background-color: transparent
+	transition: 0.3s
+
+	&:hover
+		background-color: white
+		color: $dark-grey
+
+#tryKubernetes
+	width: 0
+	padding: 0 0
+	border: 1px solid transparent
+	background-color: transparent
+	text-align: center
+	white-space: nowrap
+	vertical-align: middle
+	overflow: hidden
+	transition: 0.3s
+
 #hamburger
 	display: inline-block
 	position: relative
@@ -201,7 +221,9 @@ header
 
 .open-nav, .y-enough
 	#tryKubernetes
-		width: 160px
+		width: 150px
+		background-color: $blue
+		border-color: $blue
 
 
 .flip-nav, .open-nav