diff --git a/app/views/branded/layouts/_footer.html.erb b/app/views/branded/layouts/_footer.html.erb
index f7cc222..c5d5cf9 100644
--- a/app/views/branded/layouts/_footer.html.erb
+++ b/app/views/branded/layouts/_footer.html.erb
@@ -9,13 +9,13 @@
   <div class="container-fluid">
     <ul class="nav navbar-nav">
       <li><%= link_to "&copy; 2016 - #{Time.now.year} #{Rails.configuration.branding[:organisation][:abbreviation]}".sanitize, "#{Rails.configuration.branding[:organisation][:url] }", target: "_blank" %></li>
-      <li><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
+      <li class="break-point"><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
       <li><span style="line-height:50px;padding-left:15px;padding-right:15px;"><%= Rails.configuration.branding[:application][:version] %></span></li>
-      <li><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
+      <li class="break-point"><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
       <li><a href="<%= about_us_path %>"><%= _('About') %></a></li>  
       <li><a href="<%= terms_path %>"><%= _('Terms of use') %></a></li>
       <li><a href="<%= tutorials_path %>"><%= d_('dmpopidor', 'Tutorials') %></a></li>
-      <li><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
+      <li class="break-point"><span style="line-height:50px;padding-left:15px;padding-right:15px;">•</span></li>
       <li><a href="<%= contact_us %>"><%= _('Contact us') %></a></li>
       <li><a title="Github" target="_blank" href="<%= Rails.configuration.branding[:application][:url] %>" target="_blank"><i class="fa fa-github"></i></a></li> 
       <li><a title="Twitter" target="_blank" href="<%= Rails.configuration.branding[:application][:twitter_url] %>"><i class="fa fa-twitter"></i></a></li>
diff --git a/lib/assets/stylesheets/dmpopidor.scss b/lib/assets/stylesheets/dmpopidor.scss
index cbf9184..d427f85 100644
--- a/lib/assets/stylesheets/dmpopidor.scss
+++ b/lib/assets/stylesheets/dmpopidor.scss
@@ -57,11 +57,16 @@
     z-index: 50;
 }
 #footer-navbar {
+    margin-bottom: -20px;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-radius:0px;
+    border-top: 3px solid $yellow;
     &.navbar-dmpopidor {
         background-color: $blue;
         color: $white;
     }
-    border-top: 3px solid $yellow;
     .navbar-nav {
         li {
             a, a:active,a:focus,a:visited {
@@ -81,6 +86,23 @@
 
     }
  }
+ @media (max-width: 1023px) {
+    #footer-navbar {
+        .break-point {
+            display: none;
+        }
+        li {
+            text-align: center;
+            img {
+                display: block;
+                margin-left: auto;
+                margin-right: auto;
+            }
+        }
+    }
+  }
+
+ 
 
 
 /*