diff --git a/digitalglarus/static/digitalglarus/css/agency.css b/digitalglarus/static/digitalglarus/css/agency.css
index 5832c46b..f66ce70c 100755
--- a/digitalglarus/static/digitalglarus/css/agency.css
+++ b/digitalglarus/static/digitalglarus/css/agency.css
@@ -67,6 +67,12 @@ h6 {
 	font-size: 18px;
 }
 
+@media only screen and (max-width: 400px){ 
+  h1, h2 {
+    font-size: 20px;
+  }
+}
+
 .portfolio-caption-white {
 	text-transform: uppercase;
 	font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif;
diff --git a/digitalglarus/static/digitalglarus/css/history.css b/digitalglarus/static/digitalglarus/css/history.css
index 7d40d226..91de1abf 100644
--- a/digitalglarus/static/digitalglarus/css/history.css
+++ b/digitalglarus/static/digitalglarus/css/history.css
@@ -5,7 +5,7 @@ header {
     text-align: center;
     color: #fff;
     background-attachment: scroll;
-    background-image: url(../img/header_bg_4.png);
+    background-image: url(../img/header_bg_2.png);
     background-position: center center;
     background-repeat: none;
     -webkit-background-size: cover;
@@ -14,6 +14,11 @@ header {
     -o-background-size: cover;
 }
 
+header.history {
+    background-image: url(../img/header_bg_4.png);
+}
+
+
 .supportus {
 	background-image: url(../img/bal_header.png);
     text-align: center;
diff --git a/digitalglarus/templates/digitalglarus/history.html b/digitalglarus/templates/digitalglarus/history.html
index 67a0489a..ae407d34 100755
--- a/digitalglarus/templates/digitalglarus/history.html
+++ b/digitalglarus/templates/digitalglarus/history.html
@@ -118,7 +118,8 @@
        <div class="row" class="wow fadeInDown">
         <div class="col-lg-12 text-center wow fadeInDown">
           <div class=" map-wrap">
-          <iframe style="pointer-events:none;margin-top:20px;"  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2721.4267495037207!2d9.070190915609343!3d46.99259307914885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47852e9322cc1971%3A0xf1558647dfdfaa60!2sIn+der+Au+7%2C+8762+Glarus+S%C3%BCd!5e0!3m2!1sen!2sch!4v1470238006004" width="100%" height="450" frameborder="0" style="border:0"></iframe></div>
+          <iframe style="pointer-events:none;margin-top:20px;"  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2721.4267495037207!2d9.070190915609343!3d46.99259307914885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47852e9322cc1971%3A0xf1558647dfdfaa60!2sIn+der+Au+7%2C+8762+Glarus+S%C3%BCd!5e0!3m2!1sen!2sch!4v1470238006004" width="100%" height="450" frameborder="0" style="border:0"></iframe>
+          </div>
             <div class="col-md-4 map-title">
               Digital Glarus<br>
               <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
diff --git a/digitalglarus/templates/digitalglarus/membership_payment.html b/digitalglarus/templates/digitalglarus/membership_payment.html
index 6f5dd384..cd635c5a 100644
--- a/digitalglarus/templates/digitalglarus/membership_payment.html
+++ b/digitalglarus/templates/digitalglarus/membership_payment.html
@@ -18,6 +18,7 @@
     padding: .5em;
     padding-right: 1.5em
   }
+
 </style>
 
   <section id="price">
@@ -97,9 +98,10 @@
                                      <span class="custom-control-indicator"></span>
                                      <span class="custom-control-description">I accept the Digital Glarus <a href=#>Terms and Conditions</a>, <a href=#>Community Guidelines</a> and <a href=#>Privacy Policy</a></span>
                                      </label>
-
-                                    <div class="col-xs-12">
-                                        <button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
+                                    <div class="row">
+                                      <div class="col-xs-6 col-md-12">
+                                          <button class="btn btn-primary btn-md btn-blck submit-payment" type="submit">Purchase membership</button>
+                                      </div>
                                     </div>
                                 </div>
                                 <div class="row" style="display:none;">
diff --git a/digitalglarus/templates/digitalglarus/supportus.html b/digitalglarus/templates/digitalglarus/supportus.html
index 176f5e6b..f7445447 100644
--- a/digitalglarus/templates/digitalglarus/supportus.html
+++ b/digitalglarus/templates/digitalglarus/supportus.html
@@ -25,6 +25,14 @@
     color: white;
   }
 
+  #waystohelp .wow{
+    background-color: white;
+  }
+
+  .whatwedowith {
+    margin-top: 0px;
+  }
+
   </style>
 {% endblock %}
 
@@ -33,19 +41,19 @@
 
     <!-- Header -->
     <section>
-    <div class="supportus">
-      <div class="container">
-      <div class="intro-text">
-        <p>
-         </p>
-           <div class="intro-headline-big">
-             <span class="intro-headline-big">
-                Become Our Supporter
-             </span>
-           </div>
-      </div>
-      </div>  
-     </div>
+      <div class="supportus">
+        <div class="container">
+        <div class="intro-text">
+          <p>
+           </p>
+             <div class="intro-headline-big">
+               <span class="intro-headline-big">
+                  Become Our Supporter
+               </span>
+             </div>
+        </div>
+        </div>  
+       </div>
     </section>
 <!-- form section ends-->
     <!-- Services Section -->
@@ -120,14 +128,11 @@
                   <hr class="primary"> 
                      <p>Your donation helps us renovate our 100+years old coworking space! This very old house needs a lot of love.</p>
                         
-                   <!--    <div class="submit-box">  
-                           <button type="submit" class="btn btn-primary btn-blue">Donate</button>
-           
-                  </div> -->
-             </div>
-      </div>       
-   </div>
- </div>
+                  </div>
+             </div>       
+      </div>
+  </div>
+  </div>
  </section>
  
  <section id="whatwedowith">
@@ -137,39 +142,37 @@
           <h2 class="whatwedo">What we do with your support</h2>
            <p class="carousel-text text-center supporter-white">Discover how your donation is being used in renovating our coworking space!</p>
             <div class="row">
-            <div class="col-md-3"></div>
-             <div class="col-md-6 supportus-posts">
-                <section class="blog-list">
+             <div class="col-md-6 col-md-offset-3 supportus-posts">
+                <div class="blog-list">
                   {% for post in post_list %}
                   {% include "ungleich/djangocms_blog/includes/blog_item.html" with post=post image="true" TRUNCWORDS_COUNT=TRUNCWORDS_COUNT %}
                   {% endfor %}
-                </section>
-
-<!--                 <a href="https://blog.ungleich.ch/en-us/blog/2016/05/21/renovation-digital-chalet/">
-                    <img class="img-responsive img-centered" src="{% static 'digitalglarus/img/supportus/7.png' %}" alt="">
-                </a>
- -->             </div>
-            <div class="col-md-2"></div>
+                </div>
+             </div>
           
-        </div>
+            </div>
       </div>
+    </div>
+
  
  </section>
     
     <section id="contact">
-      <div class="fill">
-       <div class="row col-lg-12" class="wow fadeInDown">
-         <div class="col-md-4 map-title">
-           Digital Glarus <br>
-            <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
-             <br>info@digitalglarus.ch
+      <div class="row">
+       <div class="fill wow fadeInDown">
+        <div class="col-lg-12 text-center wow fadeInDown">
+            <div class="col-md-4 map-title">
+              Digital Glarus<br>
+              <span class="map-caption">In der Au 7 Schwanden 8762 Switzerland
+              <br>info@digitalglarus.ch
               <br>
               (044) 534-66-22
+              <p>&nbsp;</p>
+              </span>
+            </div>
              <p>&nbsp;</p>
-            </span>
-       </div>
-        <p>&nbsp;</p>
-     </div>
-      </div> 
+          </div>
+        </div>
+      </div>
     </section>
 {% endblock %}
\ No newline at end of file
diff --git a/digitalglarus/templates/new_base_glarus.html b/digitalglarus/templates/new_base_glarus.html
index d348b75a..7c049356 100644
--- a/digitalglarus/templates/new_base_glarus.html
+++ b/digitalglarus/templates/new_base_glarus.html
@@ -7,7 +7,8 @@
 
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
+    <meta name="viewport" content="width=device-width" />
     <meta name="description" content="">
     <meta name="author" content="">
 
@@ -79,6 +80,39 @@
         margin: 0px;
         color:white;
       }
+
+      @media only screen and (min-width: 769px){ 
+        .dropdown.home-dropdown-mobile {
+          display:  none;
+        }
+        .dropdown.home-dropdown {
+          display: block;
+        }
+      }
+
+      @media only screen and (max-width: 768px){ 
+        .dropdown.home-dropdown-mobile {
+          display: block;
+          background-color: 
+        }
+
+        .dropdown.home-dropdown-mobile .dropdown-menu{
+          display: block;
+          background-color: #0f1221;
+        }
+
+        .dropdown.home-dropdown-mobile .dropdown-menu li a {
+          color:white;
+        }
+        .dropdown.home-dropdown-mobile .dropdown-menu li a:hover {
+          color: #0f1221;
+        }
+
+        .dropdown.home-dropdown {
+          display: none;
+        }
+      }
+
     </style>
     {% block extra_css %} {% endblock %}
   </head>
@@ -113,9 +147,6 @@
         <li>
           <a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a>
         </li>
-        <li>
-          <a class="page-scroll" href="{% url 'digitalglarus:supportus' %}">support us</a>
-        </li>
         <li>
           <a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
         </li>
@@ -124,6 +155,29 @@
         </li>
 
         {% if request.user.is_authenticated %}
+        <li class="dropdown home-dropdown-mobile open">
+          <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
+            <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>
+          </a>
+          <ul id="g-account-menu" class="dropdown-menu" role="menu">
+            <li>
+              <a href="{% url 'digitalglarus:booking_orders_list' %}">
+                <i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%} 
+              </a>
+            </li>
+            <li>
+              <a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%} 
+              </a>
+            </li>
+            <li>
+              <a href="{% url 'digitalglarus:logout' %}">
+                <i class="fa fa-lock" aria-hidden="true"></i>
+                {% trans "Logout"%}
+              </a>
+            </li>
+          </ul>
+        </li>   
+
         <li class="dropdown home-dropdown">
           <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
             <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span>