Fix formatting of auto-generated index pages.

_includes/section-index.html

@@ -1,9 +1,5 @@
 {% assign components = page.path | downcase | split: '/' %}
 
-<div class="container">
-    <div class="row">
-        <div class="col-sm-7">
-
 <p>{{page.overview}}</p>
 
 <script type="text/javascript">
@@ -44,7 +40,3 @@
 
 	genSectionNavTree(docs)
 </script>
-
-        </div>
-    </div>
-</div>

_sass/base/_colors.scss

@@ -16,7 +16,7 @@ $light-gray: lighten($gray, 52%);
 $dark-gray: darken($gray, 20%);
 
 $linkColor: $mainBrandColor;
-$linkHoverColor: darken($linkColor, 10%);
+$linkHoverColor: lighten($linkColor, 20%);
 $linkColorSecondary: $white;
 $linkColorTertiary: $gray;
 $codeColor: darken($linkColor, 20%);

_sass/modules/_footer.scss

@@ -49,6 +49,8 @@ footer {
   .description {
     padding-top: 40px;
     color: $light-gray;
+    line-height: 1.6em;
+    font-size: 0.7em;
   }
 
   p.header {

_sass/modules/_section-index.scss

@@ -5,7 +5,7 @@
         padding: 0px;
         margin-top: 15px;
         margin-left: 0px;
-        font-size: 15px;
+        font-size: 1.20rem;
     }
 
     li.file {
@@ -13,7 +13,7 @@
         padding: 0px;
         margin-top: 10px;
         list-style: none;
-        font-size: 14px;
+        font-size: 1.10rem;
     }
 
     a {