diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss
index 4407600f6..dcfe366ac 100755
--- a/website/source/assets/stylesheets/_buttons.scss
+++ b/website/source/assets/stylesheets/_buttons.scss
@@ -50,8 +50,8 @@
 
     &.has-caret{
       span.h-caret{
-        background: image-url('../images/caret-light.png') 0 0 no-repeat;
-        @include img-retina("../images/caret-light.png", "../images/caret-light@2x.png", 8px, 12px);
+        background: image-url('caret-light.png') 0 0 no-repeat;
+        @include img-retina("caret-light.png", "caret-light@2x.png", 8px, 12px);
       }
     }
   }
@@ -64,8 +64,8 @@
     }
 
     span.h-caret{
-      background: image-url('../images/caret-green.png') 0 0 no-repeat;
-      @include img-retina("../images/caret-green.png", "../images/caret-green@2x.png", 8px, 12px);
+      background: image-url('caret-green.png') 0 0 no-repeat;
+      @include img-retina("caret-green.png", "caret-green@2x.png", 8px, 12px);
     }
 
     &.fill{
@@ -73,8 +73,8 @@
       color: $white;
 
       span.h-caret{
-        background: image-url('../images/caret-white.png') 0 0 no-repeat;
-        @include img-retina("../images/caret-white.png", "../images/caret-white@2x.png", 8px, 12px);
+        background: image-url('caret-white.png') 0 0 no-repeat;
+        @include img-retina("caret-white.png", "caret-white@2x.png", 8px, 12px);
       }
     }
   }
@@ -91,8 +91,8 @@
       color: $white;
 
       span.h-caret{
-        background: image-url('../images/caret-white.png') 0 0 no-repeat;
-        @include img-retina("../images/caret-white.png", "../images/caret-white@2x.png", 8px, 12px);
+        background: image-url('caret-white.png') 0 0 no-repeat;
+        @include img-retina("caret-white.png", "caret-white@2x.png", 8px, 12px);
       }
     }
   }
diff --git a/website/source/assets/stylesheets/_docs.scss b/website/source/assets/stylesheets/_docs.scss
index 60de39620..319c13d95 100755
--- a/website/source/assets/stylesheets/_docs.scss
+++ b/website/source/assets/stylesheets/_docs.scss
@@ -117,9 +117,9 @@ body.layout-intro{
           top: 15px;
           left: $parent-default-state;
           overflow: hidden;
-          background: url(../images/caret-green.png) 0 0 no-repeat;
+          background: image-url("caret-light.png") 0 0 no-repeat;
           opacity: .3;
-          @include img-retina("../images/caret-light.png", "../images/caret-light@2x.png", 6px, 9px);
+          @include img-retina("caret-light.png", "caret-light@2x.png", 6px, 9px);
         }
       }
     }
@@ -148,8 +148,8 @@ body.layout-intro{
             }
 
             &:before{
-              //background: url(../images/triangle-sprite.png) 0 0 no-repeat;
-              //@include img-retina("../images/triangle-sprite.png", "../images/triangle-sprite@2x.png", 5px, 19px);
+              //background: url(triangle-sprite.png) 0 0 no-repeat;
+              //@include img-retina("triangle-sprite.png", "triangle-sprite@2x.png", 5px, 19px);
             }
           }
         }
@@ -173,8 +173,8 @@ body.layout-intro{
             top: 12px;
             left: $child-default-state;
             overflow: hidden;
-            //background: url(../images/triangle-sprite.png) 0 -13px no-repeat;
-            //@include img-retina("../images/triangle-sprite.png", "../images/triangle-sprite@2x.png", 5px, 19px);
+            //background: url(triangle-sprite.png) 0 -13px no-repeat;
+            //@include img-retina("triangle-sprite.png", "triangle-sprite@2x.png", 5px, 19px);
           }
         }
       }
diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index e47db98c5..10c444b0d 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -10,8 +10,8 @@
       color: $gray-darker;
       font-family: $font-family-blanc;
       font-size: 28px;
-      background: image-url('../images/logo-header.png') 0 0 no-repeat;
-      @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
+      background: image-url('logo-header.png') 0 0 no-repeat;
+      @include img-retina("logo-header.png", "logo-header@2x.png", $project-logo-width, $project-logo-height);
       background-position: 0 center;
 
       &:hover{
@@ -62,7 +62,7 @@
       .logo{
         padding-left: 42px;
         font-size: 18px;
-        @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
+        @include img-retina("logo-header.png", "logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
       }
     }
   }
diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss
index 29d02586a..726361082 100755
--- a/website/source/assets/stylesheets/_home.scss
+++ b/website/source/assets/stylesheets/_home.scss
@@ -5,8 +5,8 @@
 #hero{
   position: relative;
   text-align: center;
-  background: image-url('../images/nomad-giant.jpg') 0 0 no-repeat;
-  @include img-retina("../images/nomad-giant.jpg", "../images/nomad-giant.jpg", 624px, 358px);
+  background: image-url('nomad-giant.jpg') 0 0 no-repeat;
+  @include img-retina("nomad-giant.jpg", "nomad-giant.jpg", 624px, 358px);
   background-size: cover !important;
   overflow: hidden;
 
@@ -42,8 +42,8 @@
       width: 115px;
       height: 155px;
       margin-left: -60px;
-      background: image-url('../images/hero-logotype.png') 0 0 no-repeat;
-      @include img-retina("../images/hero-logotype.png", "../images/hero-logotype@2x.png", 115px, 155px);
+      background: image-url('hero-logotype.png') 0 0 no-repeat;
+      @include img-retina("hero-logotype.png", "hero-logotype@2x.png", 115px, 155px);
     }
 
     #cubes{
@@ -218,8 +218,8 @@
         margin-top: -130px;
         width: 1161px;
         height: 735px;
-        background: image-url('../images/feature-deploy.png') 0 0 no-repeat;
-        @include img-retina("../images/feature-deploy.png", "../images/feature-deploy@2x.png", 1161px, 735px);
+        background: image-url('feature-deploy.png') 0 0 no-repeat;
+        @include img-retina("feature-deploy.png", "feature-deploy@2x.png", 1161px, 735px);
       }
     }
 
@@ -228,8 +228,8 @@
         margin-top: -50px;
         width: 1113px;
         height: 689px;
-        background: image-url('../images/feature-manage.png') 0 0 no-repeat;
-        @include img-retina("../images/feature-manage.png", "../images/feature-manage@2x.png", 1113px, 689px);
+        background: image-url('feature-manage.png') 0 0 no-repeat;
+        @include img-retina("feature-manage.png", "feature-manage@2x.png", 1113px, 689px);
       }
     }
 
@@ -238,8 +238,8 @@
         margin-top: 80px;
         width: 1009px;
         height: 309px;
-        background: image-url('../images/feature-healing.png') 0 0 no-repeat;
-        @include img-retina("../images/feature-healing.png", "../images/feature-healing@2x.png", 1009px, 309px);
+        background: image-url('feature-healing.png') 0 0 no-repeat;
+        @include img-retina("feature-healing.png", "feature-healing@2x.png", 1009px, 309px);
       }
     }
 
@@ -248,8 +248,8 @@
         margin-top: 80px;
         width: 1040px;
         height: 409px;
-        background: image-url('../images/feature-density.png') 0 0 no-repeat;
-        @include img-retina("../images/feature-density.png", "../images/feature-density@2x.png", 1040px, 409px);
+        background: image-url('feature-density.png') 0 0 no-repeat;
+        @include img-retina("feature-density.png", "feature-density@2x.png", 1040px, 409px);
       }
     }
 
@@ -264,8 +264,8 @@
             height: 180px;
 
             &.docker-logo{
-              background: image-url('../images/partner-docker.png') center center no-repeat;
-              @include img-retina("../images/partner-docker.png", "../images/partner-docker@2x.png", 100px, 84px);
+              background: image-url('partner-docker.png') center center no-repeat;
+              @include img-retina("partner-docker.png", "partner-docker@2x.png", 100px, 84px);
             }
           }
         }
@@ -277,24 +277,24 @@
             height: 180px;
 
             &.aws-logo{
-              background: image-url('../images/partner-amazon.png') center center no-repeat;
-              @include img-retina("../images/partner-amazon.png", "../images/partner-amazon@2x.png", 153px, 56px);
+              background: image-url('partner-amazon.png') center center no-repeat;
+              @include img-retina("partner-amazon.png", "partner-amazon@2x.png", 153px, 56px);
             }
             &.google-logo{
-              background: image-url('../images/partner-google.png') center center no-repeat;
-              @include img-retina("../images/partner-google.png", "../images/partner-google@2x.png", 135px, 87px);
+              background: image-url('partner-google.png') center center no-repeat;
+              @include img-retina("partner-google.png", "partner-google@2x.png", 135px, 87px);
             }
             &.microsoft-logo{
-              background: image-url('../images/partner-microsoft.png') center center no-repeat;
-              @include img-retina("../images/partner-microsoft.png", "../images/partner-microsoft@2x.png", 188px, 84px);
+              background: image-url('partner-microsoft.png') center center no-repeat;
+              @include img-retina("partner-microsoft.png", "partner-microsoft@2x.png", 188px, 84px);
             }
             &.engineyard-logo{
-              background: image-url('../images/partner-engineyard.png') center center no-repeat;
-              @include img-retina("../images/partner-engineyard.png", "../images/partner-engineyard@2x.png", 178px, 37px);
+              background: image-url('partner-engineyard.png') center center no-repeat;
+              @include img-retina("partner-engineyard.png", "partner-engineyard@2x.png", 178px, 37px);
             }
             &.digitalocean-logo{
-              background: image-url('../images/partner-digitalocean.png') center center no-repeat;
-              @include img-retina("../images/partner-digitalocean.png", "../images/partner-digitalocean@2x.png", 134px, 85px);
+              background: image-url('partner-digitalocean.png') center center no-repeat;
+              @include img-retina("partner-digitalocean.png", "partner-digitalocean@2x.png", 134px, 85px);
             }
           }
         }
@@ -356,8 +356,8 @@
         position: relative;
         top: 12px;
         margin-left: 8px;
-        background: image-url('../images/partner-docker.png') 0 0 no-repeat;
-        @include img-retina("../images/partner-docker.png", "../images/partner-docker@2x.png", 80px, 67px);
+        background: image-url('partner-docker.png') 0 0 no-repeat;
+        @include img-retina("partner-docker.png", "partner-docker@2x.png", 80px, 67px);
       }
 
       a{
@@ -370,41 +370,6 @@
       }
     }
   }
-
-  #cta {
-    position: relative;
-    padding: 160px 0;
-    background: image-url('../images/bg-iconscrud.png') center center no-repeat;
-    @include img-retina("../images/bg-icons.png", "../images/bg-icons@2x.png", 669px, 260px);
-    background-position: center center;
-    border-top: 1px solid $faint-gray;
-    border-bottom: 1px solid $faint-gray;
-
-    a{
-      margin-bottom: 5px;
-    }
-
-    p{
-      margin-top: 10px;
-      color: $black;
-      font-size: 14px;
-      font-weight: 600;
-      line-height: 1.5esm;
-
-      &.cta-gray{
-        color: $gray;
-        font-weight: 300;
-      }
-    }
-
-    .outline-btn {
-      padding: 16px 40px;
-      display: inline-block;
-      &:focus {
-        outline: 0;
-      }
-    }
-  }
 }
 
 @media (min-width: 1200px) {
@@ -437,8 +402,8 @@
           margin-top: -60px;
           width: 768px;
           height: 486px;
-          background: image-url('../images/feature-deploy.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-deploy.png", "../images/feature-deploy@2x.png", 768px, 486px);
+          background: image-url('feature-deploy.png') 0 0 no-repeat;
+          @include img-retina("feature-deploy.png", "feature-deploy@2x.png", 768px, 486px);
         }
 
         .feature-footer{
@@ -451,8 +416,8 @@
           margin-top: -50px;
           width: 768px;
           height: 475px;
-          background: image-url('../images/feature-manage.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-manage.png", "../images/feature-manage@2x.png", 768px, 475px);
+          background: image-url('feature-manage.png') 0 0 no-repeat;
+          @include img-retina("feature-manage.png", "feature-manage@2x.png", 768px, 475px);
         }
       }
 
@@ -460,8 +425,8 @@
         .feature-graphic{
           width: 768px;
           height: 302px;
-          background: image-url('../images/feature-density.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-density.png", "../images/feature-density@2x.png", 768px, 302px);
+          background: image-url('feature-density.png') 0 0 no-repeat;
+          @include img-retina("feature-density.png", "feature-density@2x.png", 768px, 302px);
         }
       }
 
@@ -499,8 +464,8 @@
           margin-top: 0px;
           width: 480px;
           height: 304px;
-          background: image-url('../images/feature-deploy.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-deploy.png", "../images/feature-deploy@2x.png", 480px, 304px);
+          background: image-url('feature-deploy.png') 0 0 no-repeat;
+          @include img-retina("feature-deploy.png", "feature-deploy@2x.png", 480px, 304px);
         }
 
         .feature-footer{
@@ -509,8 +474,8 @@
           .docker-outline-logo{
             width: 94px;
             height: 63px;
-            background: image-url('../images/icon-docker-outline.png') 0 0 no-repeat;
-            @include img-retina("../images/icon-docker-outline.png", "../images/icon-docker-outline@2x.png", 94px, 63px);
+            background: image-url('partner-docker.png') 0 0 no-repeat;
+            @include img-retina("partner-docker.png", "partner-docker@2x.png", 94px, 63px);
           }
         }
       }
@@ -520,8 +485,8 @@
           margin-top: $small-pad;
           width: 480px;
           height: 297px;
-          background: image-url('../images/feature-manage.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-manage.png", "../images/feature-manage@2x.png", 480px, 297px);
+          background: image-url('feature-manage.png') 0 0 no-repeat;
+          @include img-retina("feature-manage.png", "feature-manage@2x.png", 480px, 297px);
         }
       }
 
@@ -530,8 +495,8 @@
           margin-top: $small-pad;
           width: 480px;
           height: 147px;
-          background: image-url('../images/feature-healing.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-healing.png", "../images/feature-healing@2x.png", 480px, 147px);
+          background: image-url('feature-healing.png') 0 0 no-repeat;
+          @include img-retina("feature-healing.png", "feature-healing@2x.png", 480px, 147px);
         }
       }
 
@@ -540,8 +505,8 @@
           margin-top: $small-pad;
           width: 480px;
           height: 189px;
-          background: image-url('../images/feature-density.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-density.png", "../images/feature-density@2x.png", 480px, 189px);
+          background: image-url('feature-density.png') 0 0 no-repeat;
+          @include img-retina("feature-density.png", "feature-density@2x.png", 480px, 189px);
         }
       }
 
@@ -626,8 +591,8 @@
         .feature-graphic{
           width: 280px;
           height: 177px;
-          background: image-url('../images/feature-deploy.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-deploy.png", "../images/feature-deploy@2x.png", 280px, 177px);
+          background: image-url('feature-deploy.png') 0 0 no-repeat;
+          @include img-retina("feature-deploy.png", "feature-deploy@2x.png", 280px, 177px);
         }
         .feature-footer{
           .docker-outline-logo{
@@ -641,8 +606,8 @@
           margin-top: $small-pad;
           width: 280px;
           height: 173px;
-          background: image-url('../images/feature-manage.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-manage.png", "../images/feature-manage@2x.png", 280px, 173px);
+          background: image-url('feature-manage.png') 0 0 no-repeat;
+          @include img-retina("feature-manage.png", "feature-manage@2x.png", 280px, 173px);
         }
       }
 
@@ -650,8 +615,8 @@
         .feature-graphic{
           width: 280px;
           height: 86px;
-          background: image-url('../images/feature-healing.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-healing.png", "../images/feature-healing@2x.png", 280px, 86px);
+          background: image-url('feature-healing.png') 0 0 no-repeat;
+          @include img-retina("feature-healing.png", "feature-healing@2x.png", 280px, 86px);
         }
       }
 
@@ -659,28 +624,10 @@
         .feature-graphic{
           width: 280px;
           height: 110px;
-          background: image-url('../images/feature-density.png') 0 0 no-repeat;
-          @include img-retina("../images/feature-density.png", "../images/feature-density@2x.png", 280px, 110px);
+          background: image-url('feature-density.png') 0 0 no-repeat;
+          @include img-retina("feature-density.png", "feature-density@2x.png", 280px, 110px);
         }
       }
     }
   }
 }
-
-
-@media (max-width: 320px) {
-
-  #hero{
-    #diagram{
-      width: 100%;
-      height: 132px;
-      background: image-url('../images/hero.png') center 0 no-repeat;
-      @include img-retina("../images/hero.png", "../images/hero@2x.png", 320px, 132px);
-    }
-  }
-
-  #cta a {
-    font-size: 14px;
-    font-weight: 400;
-  }
-}
diff --git a/website/source/assets/stylesheets/_mixins.scss b/website/source/assets/stylesheets/_mixins.scss
index 7ccaf4b82..7eb50d82c 100755
--- a/website/source/assets/stylesheets/_mixins.scss
+++ b/website/source/assets/stylesheets/_mixins.scss
@@ -742,7 +742,7 @@
 
 //mixins
 @mixin img-retina($image1x, $image, $width, $height) {
-  background-image: url($image1x);
+  background-image: image-url($image1x);
   background-size: $width $height;
   background-repeat: no-repeat;
 
@@ -752,7 +752,7 @@
   (min-device-pixel-ratio: 1.3),
   (min-resolution: 1.3dppx) {
     /* on retina, use image that's scaled by 2 */
-    background-image: url($image);
+    background-image: image-url($image);
     background-size: $width $height;
   }
 }
diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
index 1571a6291..f6f9ab05d 100755
--- a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
+++ b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-utility.scss
@@ -40,7 +40,7 @@ $nav-margin-right: 12px;
 
 //general shared project mixins
 @mixin img-retina($image1x, $image, $width, $height) {
-  background-image: url($image1x);
+  background-image: image-url($image1x);
   background-size: $width $height;
   background-repeat: no-repeat;
 
@@ -50,7 +50,7 @@ $nav-margin-right: 12px;
   (min-device-pixel-ratio: 1.3),
   (min-resolution: 1.3dppx) {
     /* on retina, use image that's scaled by 2 */
-    background-image: url($image);
+    background-image: image-url($image);
     background-size: $width $height;
   }
 }