diff --git a/css/base/elements.css b/css/base/elements.css
index dedf89d..3f78ea1 100644
--- a/css/base/elements.css
+++ b/css/base/elements.css
@@ -427,6 +427,14 @@ nav > h2,
   margin-bottom: 20px;
 }
 
+@media (max-width: 991px) {
+  .footer__section h2.title,
+.footer__section nav > h2
+  {
+    margin-bottom: 10px;
+  }
+}
+
 /* block titles at full width regions */
 .col-md-12 h2.title,
 .col-md-12 nav > h2,
diff --git a/css/base/layout.css b/css/base/layout.css
index b3f722b..ecc1678 100644
--- a/css/base/layout.css
+++ b/css/base/layout.css
@@ -151,7 +151,14 @@
     padding-bottom: 40px;
   }
 }
-
+@media (max-width: 520px) {
+  .footer__section {
+    padding: 20px 0;
+  }
+  .row > div:first-child > .footer__section {
+    padding-top: 40px;
+  }
+}
 /*Footer bottom*/
 .footer-bottom__container {
   padding: 60px 0;
diff --git a/css/components/menu.css b/css/components/menu.css
index e9b914b..95e30fa 100644
--- a/css/components/menu.css
+++ b/css/components/menu.css
@@ -672,6 +672,12 @@ ul.menu.sf-menu.sf-accordion li.sf-expanded > a.sf-accordion-button:after {
   padding: 8px 0 8px 30px;
   text-decoration: none;
 }
+@media (max-width: 991px) {
+  .footer__section ul.menu li a,
+.footer__section ul.menu li > span {
+  padding: 8px 0 0 30px;
+}
+}
 .footer__section ul.menu li a:before {
   top: 8px;
 }
@@ -686,6 +692,14 @@ ul.menu.sf-menu.sf-accordion li.sf-expanded > a.sf-accordion-button:after {
   .footer__section ul.menu li > span {
     padding: 7px 20px 8px 20px;
   }
+  
+  @media (max-width: 520px) {
+    .footer__section ul.menu li a,
+  .footer__section ul.menu li > span {
+    padding: 7px 20px 0 20px;
+  }
+  }
+
   .footer__section ul.menu li > a:before {
     content: "";
     width: 0px;