Make scss urls relative to the directory that they are in

sass/courseware/_amplifier.scss

@@ -228,7 +228,7 @@ section.tool-wrapper {
         }
 
         .ui-slider-handle {
-          background: lighten( #586e75, 5% ) url('/static/images/amplifier-slider-handle.png') center no-repeat;
+          background: lighten( #586e75, 5% ) url('../images/amplifier-slider-handle.png') center no-repeat;
           border: 1px solid darken(#002b36, 8%);
           @include box-shadow(inset 0 1px 0 lighten( #586e75, 20% ));
           margin-top: -.3em;

sass/courseware/_video.scss

@@ -192,7 +192,7 @@ section.course-content {
             float: left;
 
             a {
-              background: url('/static/images/closed-arrow.png') 10px center no-repeat;
+              background: url('../images/closed-arrow.png') 10px center no-repeat;
               border-left: 1px solid #000;
               border-right: 1px solid #000;
               @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
@@ -209,7 +209,7 @@ section.course-content {
               width: 110px;
 
               &.open {
-                background: url('/static/images/open-arrow.png') 10px center no-repeat;
+                background: url('../images/open-arrow.png') 10px center no-repeat;
 
                 ol#video_speeds {
                   display: block;
@@ -280,7 +280,7 @@ section.course-content {
           }
 
           a.add-fullscreen {
-            background: url(/static/images/fullscreen.png) center no-repeat;
+            background: url(../images/fullscreen.png) center no-repeat;
             border-right: 1px solid #000;
             @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
             color: #797979;

sass/marketing/_footer.scss

@@ -6,7 +6,7 @@ footer {
   div.footer-wrapper {
     border-top: 1px solid #e5e5e5;
     padding: lh() 0;
-    background: url('/static/images/marketing/mit-logo.png') right center no-repeat;
+    background: url('../images/marketing/mit-logo.png') right center no-repeat;
 
     @media screen and (max-width: 780px) {
       background-position: left bottom;
@@ -84,15 +84,15 @@ footer {
           }
 
           &.twitter a {
-            background: url('/static/images/marketing/twitter.png') 0 0 no-repeat;
+            background: url('../images/marketing/twitter.png') 0 0 no-repeat;
           }
 
           &.facebook a {
-            background: url('/static/images/marketing/facebook.png') 0 0 no-repeat;
+            background: url('../images/marketing/facebook.png') 0 0 no-repeat;
           }
 
           &.linkedin a {
-            background: url('/static/images/marketing/linkedin.png') 0 0 no-repeat;
+            background: url('../images/marketing/linkedin.png') 0 0 no-repeat;
           }
         }
       }

sass/marketing/_header.scss

@@ -6,10 +6,10 @@ header.announcement {
   -webkit-font-smoothing: antialiased;
 
   &.home {
-    background: #e3e3e3 url("/static/images/marketing/shot-5-medium.jpg");
+    background: #e3e3e3 url("../images/marketing/shot-5-medium.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/shot-5-large.jpg");
+      background: #e3e3e3 url("../images/marketing/shot-5-large.jpg");
     }
 
     div {
@@ -33,14 +33,14 @@ header.announcement {
   }
 
   &.course {
-    background: #e3e3e3 url("/static/images/marketing/course-bg-small.jpg");
+    background: #e3e3e3 url("../images/marketing/course-bg-small.jpg");
 
     @media screen and (min-width: 1200px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-large.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-large.jpg");
     }
 
     @media screen and (max-width: 1199px) and (min-width: 700px) {
-      background: #e3e3e3 url("/static/images/marketing/course-bg-medium.jpg");
+      background: #e3e3e3 url("../images/marketing/course-bg-medium.jpg");
     }
 
     div {

sass/marketing/_index.scss

@@ -222,16 +222,16 @@ section.index-content {
     &.course {
       h2 {
         padding-top: lh(5);
-        background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+        background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         @include background-size(contain);
 
         @media screen and (max-width: 998px) and (min-width: 781px){
-          background: url('/static/images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-medium-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (max-width: 780px) {
           padding-top: lh(5);
-          background: url('/static/images/marketing/circuits-bg.jpg') 0 0 no-repeat;
+          background: url('../images/marketing/circuits-bg.jpg') 0 0 no-repeat;
         }
 
         @media screen and (min-width: 500px) and (max-width: 781px) {