assets/scss/2-modules/_footer.scss in kcc-gem-theme-1.88.0 vs assets/scss/2-modules/_footer.scss in kcc-gem-theme-1.89.0

@@ -2,13 +2,13 @@
 
 .footer__margin {
   margin-top: 20px;
 }
 
-
 .footer {
   background-color: $grey-4;
+  margin-bottom: -56px;
   margin-top: 60px;
   padding-bottom: 40px;
   padding-top: 40px;
   width: 100%;
   border-top-color: $color-black-light;
@@ -42,26 +42,64 @@
   margin: 4px;
   padding: 2px;
   width: 33px;
 }
 
+@media screen and (min-width: 330px) {
+  .footer-icons {
+    height: 40px;
+    width: 40px;
+  }
+}
+
 @media screen and (min-width: 360px) {
   .footer-icons {
     height: 40px;
     margin: 5px;
     width: 40px;
   }
 }
 
 @media screen and (min-width: 412px) {
   .footer-icons {
+    height: 45px;
+    width: 45px;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  .footer-icons {
     height: 50px;
     width: 50px;
   }
 }
 
-a.footer-social-links, a.footer-social-links .footer-icons {
+@media screen and (min-width: 992px) {
+  .footer-icons {
+    height: 45px;
+    margin: 3px;
+    width: 45px;
+  }
+}
+
+@media screen and (min-width: 1053px) {
+  .footer-icons {
+    height: 45px;
+    margin: 5px;
+    width: 45px;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .footer-icons {
+    height: 50px;
+    width: 50px;
+  }
+}
+
+a.footer-social-links,
+a.footer-social-links .footer-icons {
   text-decoration: none !important; // Get rid of default link-underline on hover
 }
 
 a.footer-social-links:hover .footer-icons {
   text-decoration: none !important;
@@ -78,6 +116,7 @@
   }
 }
 
 .footer__svg--logo {
   height: 36px; // Needed for IE
+  max-width: 100%;
 }