From 950eec474c0f339a7baf4f66fa58a3006f8eac62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Jan=C3=A1k?= <dalibor.janak@gmail.com>
Date: Wed, 16 Dec 2015 10:48:08 +0100
Subject: [PATCH] Responsibility homepage fixes

---
 _layouts/default.html |  8 ++++----
 _sass/_custom.scss    | 45 +++++++++++++++++++++++++++++++++++++++++++
 index.html            |  4 ++--
 3 files changed, 51 insertions(+), 6 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 01337a7..88f6a02 100644
--- a/_layouts/default.html
+++ b/_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
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
index 2460b6b..f60f127 100644
--- a/_sass/_custom.scss
+++ b/_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;
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index f09070b..521eb67 100644
--- a/index.html
+++ b/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"/>