diff --git a/assets/content/static/footer.html b/assets/content/static/footer.html
index 49350ea6..4e8fcec1 100644
--- a/assets/content/static/footer.html
+++ b/assets/content/static/footer.html
@@ -50,7 +50,7 @@ <h4 class="mb-0 font-weight-light">Get in touch with using any of these platform
                 <a href="/" target="_blank">Sustainable Education Foundation - SEF</a>.
             </div>
         </div>
-        <div class="col-md-6">
+        <div class="footer-elements">
             <ul class="nav nav-footer justify-content-end">
                 <li class="nav-item">
                     <a href="/" class="nav-link">Home</a>
diff --git a/assets/css/global-custom.css b/assets/css/global-custom.css
old mode 100755
new mode 100644
index f7fadd65..c7be7e4f
--- a/assets/css/global-custom.css
+++ b/assets/css/global-custom.css
@@ -741,6 +741,52 @@ li.timeline-element:last-child {
     }
 }
 
+@media only screen and (max-width: 991px) {
+    .footer-elements {
+       position: relative;
+       top: 14px;
+       left: 280px;
+    }
+
+    .copyright {
+        width: 103%;
+    }
+}
+
+@media only screen and (max-width: 760px) {
+    .footer-elements {
+       left: 100px;
+    }
+}
+
+@media only screen and (max-width: 535px) {
+    .footer-elements {
+       left: 60px;
+    }
+}
+
+@media only screen and (max-width: 510px) {
+    .footer-elements {
+       left: 35px;
+    }
+}
+
+@media only screen and (max-width: 480px) {
+    .footer-elements {
+       left: 18px;
+    }
+}
+
+@media only screen and (max-width: 460px) {
+    .footer-elements {
+        left: 2px;
+        justify
+    }
+
+    .copyright {
+        text-align: center;
+    }
+
 .program-timeline-row{
     width: 100%;
 }