fix z-index glitch (#33)

elevenpassin · vinaypuppal · commit d4209c7c4741 · 2017-10-20T22:15:59.000+05:30
On several pages, components that appear/animate to "rise" seem to overlap the header component. 
I've added a z-index definition to push the header component to the highest layer so that no other component overlaps / shadows it.
diff --git a/components/header.js b/components/header.js
@@ -87,6 +87,7 @@ export default props => {
           padding: 5px 20px;
           width: 100%;
           background: #fff;
+          z-index: 1000
         }
         .header__container {
           max-width: 1280px;

Original file line number	Diff line number	Diff line change
`@@ -87,6 +87,7 @@ export default props => {`
`87`	`87`	`padding: 5px 20px;`
`88`	`88`	`width: 100%;`
`89`	`89`	`background: #fff;`
	`90`	`+ z-index: 1000`
`90`	`91`	`}`
`91`	`92`	`.header__container {`
`92`	`93`	`max-width: 1280px;`