syncing styles

_sass/shared/_footer.scss

@@ -1,48 +1,51 @@
 footer {
   width: 100%;
   bottom: 0;
-  position: fixed;
-  z-index: -1;
   background-color: #eee;
-  background-image: url('/images/animation/ferry_bg.png');
-  background-position: 0px 55px;
+  display: inline-block;
+  background-image:url('../images/ferry_bg.png');
+  background-position: center bottom;
   background-repeat: repeat-x;
-  height: $footer-h;
   .container {
     color: #666;
     margin: 0 auto;
-    padding-top: 40px;
+    padding: 40px 0;
     max-width: 800px;
   }
+
   ul {
   list-style-type: none;
   padding: 0 0;
   font-weight: 400;
-  text-align: center;
+    h6 {
+      font-weight: 600;
+      text-transform: uppercase;
+    }
     li {
+      width: 100%;
+      height: 25px;
       font-weight: 400;
-      display:inline;
-      padding:0 5px;
+      a {
+        color: $mz-gray;
+      }
     }
   }
   .fa { padding-right:5px; }
 }
 
 @include media-query($on-ipad) {
   footer {
-    position: relative;
-    height: $footer-h;
-    display: inline-block;
-    z-index: 0;
-    padding-bottom: $spacing-unit;
   .container {
-    top: 5%;
     height: 100%;
-    padding-top: 40px;
+    padding-left: 30px;
+    ul {
+      display: inline-block;
+      }
     }
   }
 }
 
 @include media-query($on-palm) {
 
+
 }