Changes Docs navigation

Author: byvasco

css/main.css

@@ -30,19 +30,17 @@
       </div>
     </div>
 
-    <div class="navigation">
+    <div class="hero hero-docs">
       <div class="container container-narrow">
-        <nav>
-          <a href="./">Home</a>
-          <a href="./docs.html" class="selected">Docs</a>
-          <a class="github-button" href="https://github.com/igorescobar/jQuery-Mask-Plugin" data-style="mega" data-count-href="/igorescobar/jQuery-Mask-Plugin/stargazers" data-count-api="/repos/igorescobar/jQuery-Mask-Plugin#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star igorescobar/jQuery-Mask-Plugin on GitHub">Star</a>
-        </nav>
-      </div>
-    </div>
+        <div class="navigation">
+          <nav>
+            <a href="./">Home</a>
+            <a href="./docs.html" class="selected">Docs</a>
+            <a class="github-button" href="https://github.com/igorescobar/jQuery-Mask-Plugin" data-style="mega" data-count-href="/igorescobar/jQuery-Mask-Plugin/stargazers" data-count-api="/repos/igorescobar/jQuery-Mask-Plugin#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star igorescobar/jQuery-Mask-Plugin on GitHub">Star</a>
+          </nav>
+        </div>
 
-    <div class="hero">
-      <div class="container border-bottom">
-        <div class="container container-narrow">
+        <div class="hero-content">
           <h1>Documentation &amp; Customization</h1>
 
           <ul class="actions">

docs.html

@@ -22,9 +22,9 @@ h1
   margin: 0
 
 h2
-  font-size: 32px
-  font-weight: 700
-  letter-spacing: -0.58px
+  font-size: 40px
+  font-weight: 400
+  letter-spacing: -1.40px
   margin: 0
 
 h3
@@ -99,9 +99,10 @@ pre
     max-width: 600px
 
 .navigation
+  margin: 60px 0 100px 0
+
   nav
     width: 100%
-    margin: 60px 0 80px 0
     display: flex
     align-items: center
 
@@ -222,6 +223,10 @@ label
 .hero
   margin-top: 50px
 
+  .container
+    display: flex
+    flex-direction: column
+
   h1
     max-width: 580px
 
@@ -256,18 +261,20 @@ label
     background-size: cover
     margin-top: 40px
 
-  nav
-    margin-bottom: 100px
-
   .container
-    display: flex
-    flex-direction: column
     align-items: center
 
   h1
     text-align: center
     margin-bottom: 60px
 
+.hero-docs
+  margin-bottom: 220px
+
+  .hero-content
+    display: flex
+    justify-content: space-between
+
 .docs
   margin-top: 100px
   margin-bottom: 120px