fix footer for mobile styles

sass/index/_footer.scss

@@ -8,6 +8,11 @@ footer {
     padding: lh() 0;
     background: url('/static/images/marketing/mit-logo.png') right center no-repeat;
 
+    @media screen and (max-width: 780px) {
+      background-position: left bottom;
+      padding-bottom: lh(3);
+    }
+
     a {
       color: #888;
       text-decoration: none;
@@ -26,8 +31,13 @@ footer {
     ul {
       @include inline-block();
 
+      @media screen and (max-width: 780px) {
+        margin-top: lh();
+      }
+
       li {
         @include inline-block();
+        margin-bottom: 0;
 
         &:after {
           content: ' |';