mobile tweaks

Author: JonRowe

_styles/default.sass

@@ -59,12 +59,11 @@ $other:  min-width 476px
       padding: 0
     li
       position: relative
+      @include background-size(100%,auto)
       @include breakpoint($mobile)
-        @include background-size(100%)
         h2
-          margin-bottom: 360px
+          margin-bottom: 260px
       @include breakpoint($other)
-        @include background-size(100%,auto)
         height: 560px
         h2
           float: left

styles/default.css

@@ -469,23 +469,17 @@ footer {
     margin: 0;
     padding: 0; }
   #page1 #work li, #page2 #work li {
-    position: relative; }
+    position: relative;
+    -webkit-background-size: 100%, auto;
+    -moz-background-size: 100%, auto;
+    -ms-background-size: 100%, auto;
+    -o-background-size: 100%, auto;
+    background-size: 100%, auto; }
     @media screen and (max-width: 476px) {
-      #page1 #work li, #page2 #work li {
-        -webkit-background-size: 100%;
-        -moz-background-size: 100%;
-        -ms-background-size: 100%;
-        -o-background-size: 100%;
-        background-size: 100%; }
-        #page1 #work li h2, #page2 #work li h2 {
-          margin-bottom: 360px; } }
+      #page1 #work li h2, #page2 #work li h2 {
+        margin-bottom: 260px; } }
     @media screen and (min-width: 476px) {
       #page1 #work li, #page2 #work li {
-        -webkit-background-size: 100%, auto;
-        -moz-background-size: 100%, auto;
-        -ms-background-size: 100%, auto;
-        -o-background-size: 100%, auto;
-        background-size: 100%, auto;
         height: 560px; }
         #page1 #work li h2, #page2 #work li h2 {
           float: left;