nav fixes

_src/_assets/styl/navigation.styl

@@ -38,27 +38,31 @@
         margin-right: -.5em
         padding: .5em .7em
 
-        // icon
-        &:before
-            font-size: 26px
-
     li
         display: inline-block
 
 .nav-popover
-    @extend .clearfix
-    padding: ($line-height-computed*1.5) 0
+    @extend .clearfix, .divider-top
+    clear: both
+    padding: $line-height-computed 0
+    margin-top: 60px
     width: 100%
     background: $body-bg
 
 .nav-link
-    @extend .h6, .alignleft, .textcenter
+    @extend .h6, .textcenter
     text-shadow: 0 1px 0 rgba(#fff, .5)
-    padding: .5em 1em
+    padding: $padding-base-vertical $padding-base-horizontal
     margin-bottom: 0
-    width: 50%
-    color: $text-color-dimmed
+    margin-top: 0
+    display: block
+    color: $brand-grey-light
     text-transform: uppercase
+    border-radius: $border-radius-base
+
+    @media $breakpoint1
+        width: 50%
+        float: left
 
     @media $breakpoint2
         width: 33.3%

_src/_assets/styl/scaffolding.styl

@@ -46,7 +46,7 @@ textarea
         position: relative
 
     .document
-        transition()
+        @extend .transition
         position: relative
         z-index: 2
         margin-top: 71px
@@ -56,7 +56,7 @@ textarea
         box-shadow: 0 1px 4px rgba($brand-dark, .1), 0 -1px 4px rgba($brand-dark, .1)
 
         .menu-open &
-            margin-top: 300px
+            margin-top: 220px
 
     .topbar,
     .footer