diff --git a/alplora/static/alplora/css/alplora.css b/alplora/static/alplora/css/alplora.css
index 8a31e120..5938e1f5 100755
--- a/alplora/static/alplora/css/alplora.css
+++ b/alplora/static/alplora/css/alplora.css
@@ -56,8 +56,7 @@ h6 {
     color: #f8f8f8;
      
     width: 100%;
-    height: 80vh;
-    max-height: 820px;
+    height: 100vh;
     position: relative;
     display: flex;
     justify-content: center;
@@ -76,11 +75,36 @@ h6 {
     z-index: 0;
     display: none;
 }
+.intro-header:before{
+    content: " ";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    background-color: rgba(49, 49, 49, 0.15);
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+}
+.intro-header .arrow-down{
+    position: absolute;
+    color: #fff;
+    bottom: 20px;
+    z-index: 1000;
+}
+.intro-header .arrow-down a{
+    color: #fff;
+    font-size: 32px;
+    z-index: 100;
+}     
 .intro-header .background:nth-child(1){
     display: block;
 }
 
-
+#about{
+    padding-top: 70px;
+}
 
 .intro-header-1 {
     padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
@@ -304,7 +328,10 @@ footer {
     bottom: 0;
     left: 0;
 }
-
+footer .footer-links{
+      text-align: right;
+    padding-top: 50px;
+}
 p.copyright {
     margin: 15px 0 0;
 }
@@ -514,4 +541,6 @@ img::selection {
 
 #portfolio .portfolio-item {
     overflow: hidden;
-}
\ No newline at end of file
+}
+
+//utils
diff --git a/alplora/templates/alplora/index.html b/alplora/templates/alplora/index.html
index 8ecae8df..88657e68 100644
--- a/alplora/templates/alplora/index.html
+++ b/alplora/templates/alplora/index.html
@@ -119,6 +119,7 @@
      <div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-2.jpg' %});"></div>
      <div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-3.jpg' %});"></div>
      <div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-4.jpg' %});"></div>
+
      <div class="intro-message">
 
         <img class="responsive" src="{% static 'alplora/img/alplora_logo_nopadding.svg' %}">
@@ -136,10 +137,15 @@
        </div>
 
 
-
+      <div class="arrow-down">
+        <a class="nav-local" href="javascript:void(0)" data-href="about">
+          <i class="glyphicon glyphicon-menu-down"></i>
+        </a>
+      </div>
+      <div class="background backcground-cover" ></div>
 </section>
 <!-- /.intro-header -->
-<section id="about">
+<section id="about" class="pt-70">
       <div class="container">
     <div class="row">
       <div class="col-lg-12 text-center wow fadeInDown">
@@ -417,19 +423,15 @@ Alplora is just like a cattle bell, but much better.<p></p>
 
 <footer>
     <div class="container">
-    <div class="row">
-            <div class="col-lg-6">
+      <div class="row">
+            <div class="col-md-6">
                
                 <h3>Alplora </h3>
                 <p><i class="fa fa-envelope-o"></i>  info@alplora.ch</p>
                 <p>In der Au 7 Schwanden 8762</p>
                 <p>Switzerland</p>
                  
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-6">
-            
+
                 <ul class="list-inline">
                     <li>
                         <a href="#">Home</a>
@@ -452,16 +454,16 @@ Alplora is just like a cattle bell, but much better.<p></p>
                         <a href="#contact">Contact</a>
                     </li>
                 </ul>
-                <div class="col-xs-6 col-lg-4"></div> 
-                <div class="col-xs-6 col-lg-8 text-right"> 
-              <a href="www.ungleich.ch">
-              <img src="{% static 'alplora/img/ungleich_logo.svg'%}">
-              <img src="{% static 'alplora/img/digitalglarus_logo.svg'%}">
-              <img src="{% static 'alplora/img/adnexo_logo.svg'%}">
             </div>
-                <p class="copyright text-muted small">Copyright © Alplora 2017. All Rights Reserved</p>
-            </div> 
+            <div class="col-md-6 footer-links">
+               
+               <a href="http://www.ungleich.ch" target="_blank"><img src="{% static 'alplora/img/ungleich_logo.svg'%}"></a>
+               <a href="http://www.ungleich.ch" target="_blank"> <img src="{% static 'alplora/img/digitalglarus_logo.svg'%}"></a>
+               <a href="https://www.adnexo.ch" target="_blank"> <img src="{% static 'alplora/img/adnexo_logo.svg'%}"></a>
+             
+            </div>
         </div>
+         <p class="copyright text-muted small">Copyright © Alplora 2017. All Rights Reserved</p>
     </div>
 </footer>
 
diff --git a/alplora/templates/alplora/login.html b/alplora/templates/alplora/login.html
index cd46d182..3900e0b1 100644
--- a/alplora/templates/alplora/login.html
+++ b/alplora/templates/alplora/login.html
@@ -51,20 +51,6 @@
 </script>
 
 
-<div class="page-loader">
-    <div class="loader">
-      <div class="circle circle-1"></div>
-      <div class="line line-1"></div>
-      <div class="circle circle-2"></div>
-      <div class="line line-2"></div>
-      <div class="circle circle-3"></div>
-      <div class="line line-3"></div>
-      <div class="circle circle-4"></div>
-      <div class="line line-4"></div>
-      <div class="circle circle-5"></div>
-    </div>
-</div> 
-
 
     <!-- Navigation -->
 <div class="page-loader">