Responsibility homepage fixes

_layouts/default.html

@@ -33,10 +33,10 @@
         <div class="nav-mobile">
           <div id="nav-mobile-btn">H</div>
           <ul id="nav-mobile-nav">
-            <li><a href="{{ site.baseurl }}">Maps</a></li>
-            <li><a href="{{ site.baseurl }}html5">Docs</a></li>
-            <li><a href="{{ site.baseurl }}fonts">Downloads</a></li>
-            <li><a href="{{ site.baseurl }}components">FAQ</a></li>
+            <li><a href="{{ site.baseurl }}maps/">Maps</a></li>
+            <li><a href="{{ site.baseurl }}docs/">Docs</a></li>
+            <li><a href="{{ site.baseurl }}data/download">Downloads</a></li>
+            <li><a href="{{ site.baseurl }}faq">FAQ</a></li>
             <li><a href="https://github.com/osm2vectortiles/osm2vectortiles">
                 <img class="octocat" src="{{ site.baseurl }}img/GitHub-Mark-32px.png" alt="Github">
                 GitHub

_sass/_custom.scss

@@ -25,6 +25,8 @@ body{
 
   &.home{
     background: url('img/home-bg.jpg');
+    background-repeat: no-repeat;
+    background-position: top center;
 
     h1, h2, h3, h4, h5, h6{
       color: #363636;
@@ -79,4 +81,47 @@ body{
 
 .btn, .btn-gray-dark{
   line-height: 1.4;
+}
+
+@media(max-width: 841px){
+  .banner{
+    &.home{
+      height: 460px;
+
+      h1{font-size: 30px;}
+
+      img{
+        margin-left: -205px;
+        top: 302px;
+        width: 410px;
+        height: 196px;
+      }
+    }
+  }
+  
+  .logos{
+    img{
+      width: 100%;
+    }
+  }
+}
+
+@media(max-width: 451px){
+
+  body.home{ 
+    h1{
+      font-size: 24px;
+    }
+  }
+  .banner{
+    &.home{
+
+      img{
+        margin-left: -151px;
+        top: 302px;
+        width: 320px;
+        height: 153px;
+      }
+    }
+  }
 }

index.html

@@ -9,7 +9,7 @@ published: true
 <div class="row">
   <div class="banner home col12 center padt-6">
     <h1 class="white">Free Vector Tiles from OpenStreetMap</h1>
-    <img src="{{ site.baseurl }}img/home-banner-icons.png">
+    <img src="{{ site.baseurl }}img/home-banner-icons.png" alt="OSM2VectorTiles">
   </div>
 </div>
 
@@ -72,7 +72,7 @@ published: true
     </div>
   </div>
 
-  <div class="row center pady-4 borderbottom-block">
+  <div class="row center pady-4 borderbottom-block logos">
     <div class="col6">
       <a href="http://www.klokantech.com/contact/">
         <img src="{{ site.baseurl }}img/klokantech-logo.png" alt="Klokan Technologies"/>