added some search results styles

added search class via JS in search.md
tackled a bunch of little CSS issues

_sass/_base.sass

@@ -53,8 +53,8 @@ $main-nav-left-button-font-size: 18px
 $hero-padding-top: 80px
 $headline-wrapper-margin-bottom: 40px
 $quickstart-button-padding: 0 50px
-$vendor-strip-height: 60px
-$vendor-strip-font-size: 18px
+$vendor-strip-height: 44px
+$vendor-strip-font-size: 16px
 
 @import "size"
 
@@ -355,7 +355,7 @@ section
 	background-color: $dark-grey
 
 	h5
-		margin-bottom: 40px
+		margin-bottom: 20px
 
 #vendorStrip
 	position: relative
@@ -382,20 +382,19 @@ section
 		width: 24%
 		min-width: 250px
 		padding: 0 10px
-		margin: 10px 30px 0 0
-		height: 40px
-		line-height: 40px
+		margin: 8px 30px 0 0
+		height: 30px
+		line-height: 30px
 		border: 1px solid $light-grey
 		font-size: 16px
-		vertical-align: middle
 
 	.dropdown
 		position: relative
 		float: right
-		height: 60px
+		height: 44px
 		font-size: 20px
 		color: white
-		line-height: 60px
+		line-height: 44px
 		cursor: pointer
 		overflow: hidden
 		z-index: 5000
@@ -411,7 +410,7 @@ section
 			&:after
 				content: ""
 				position: absolute
-				top: 30px
+				top: 22px
 				right: 10px
 				width: 0
 				height: 0
@@ -534,6 +533,88 @@ section
 			opacity: 1
 
 
+.pi-pushmenu
+	display: none
+	position: fixed
+	top: 0
+	width: 100%
+	height: 100%
+	opacity: 0
+	transition: opacity 0.3s
+
+	&.on
+		opacity: 1
+
+	.overlay
+		position: fixed
+		top: 0
+		left: 0
+		width: 100%
+		height: 100%
+		background-color: rgba(0, 0, 0, 0.4)
+
+	.sled
+		position: absolute
+		top: 0
+		width: 0
+		height: 100%
+		background-color: white
+		overflow: auto
+		transition: width 0.3s
+
+	&.on .sled
+		width: 100vw
+
+	.top-bar
+		height: 0
+		line-height: 60px
+		background-color: #444
+
+	.pi-modal-close-button
+		position: absolute
+		top: 10px
+		right: 10px
+		z-index: 1
+
+		&:before, &:after
+			background-color: #222222
+
+
+	ul
+		padding: 0 60px 0 20px
+	li
+		position: relative
+		display: block
+		width: 100%
+		min-height: 44px
+
+	a
+		display: inline-block
+		width: 100%
+		height: 44px
+		line-height: 44px
+		font-weight: bold
+		font-size: 20px
+		color: $blue
+
+	.button
+		background: none
+		padding: 0
+
+	ul ul
+		padding: 0 20px
+
+		li
+			min-height: 40px
+
+		a
+			height: 40px
+			line-height: 40px
+			font-size: 18px
+			color: lighten(#222222, 20%)
+
+
+
 #docsContent
 	position: relative
 	float: right

_sass/_tablet.sass

@@ -1,6 +1,6 @@
 // TEXT
-$h1-font-size: 60px
-$h1-line-height: 80px
+//$h1-font-size: 60px
+//$h1-line-height: 80px
 
 $h2-font-size: 42px
 $h2-line-height: 60px
@@ -48,8 +48,8 @@ $main-nav-left-button-font-size: 18px
 $hero-padding-top: 80px
 $headline-wrapper-margin-bottom: 40px
 $quickstart-button-padding: 0 50px
-$vendor-strip-height: 60px
-$vendor-strip-font-size: 18px
+$vendor-strip-height: 44px
+$vendor-strip-font-size: 16px
 
 
 ////////////////////////////////////////////////////////////////////////////////////////////////////