diff --git a/app/styles/app.scss b/app/styles/app.scss
index 3c40d42d..b6c9ab0b 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -27,7 +27,32 @@ body.ember-application{
   font-family: $font-body;
   font-weight: normal;
   line-height: 1.0;
-  background-color: $water-blue;
+
+  background: $water-blue url(/images/backgrounds/background-desktop.png) no-repeat scroll left top;
+  background-size: 100% 700px;
+
+  @include media("retina2x") {
+    background: $water-blue url(/images/backgrounds/background-desktop@2x.png) no-repeat scroll left top;
+    background-size: 100% 700px;
+  }
+  @include media("retina3x") {
+    background: $water-blue url(/images/backgrounds/background-desktop@3x.png) no-repeat scroll left top;
+    background-size: 100% 700px;
+  }
+
+  @include media("<medium") {
+    background: $water-blue url(/images/backgrounds/background-mobile.png) no-repeat scroll left top;
+    background-size: 100% auto;
+
+    @include media("retina2x") {
+      background: $water-blue url(/images/backgrounds/background-mobile@2x.png) no-repeat scroll left top;
+      background-size: 100% auto;
+    }
+    @include media("retina3x") {
+      background: $water-blue url(/images/backgrounds/background-mobile@3x.png) no-repeat scroll left top;
+      background-size: 100% auto;
+    }
+  }
 }
 
 button {
diff --git a/app/styles/vars/_tools.sg-updates.scss b/app/styles/vars/_tools.sg-updates.scss
index ab298771..62a6a3c0 100644
--- a/app/styles/vars/_tools.sg-updates.scss
+++ b/app/styles/vars/_tools.sg-updates.scss
@@ -136,6 +136,15 @@ $breakpoints: (
   'xxxlarge': $xxxlarge
 );
 
+$media-expressions: (
+  'screen': 'screen',
+  'print': 'print',
+  'handheld': 'handheld',
+  'landscape': '(orientation: landscape)',
+  'portrait': '(orientation: portrait)',
+  'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)',
+  'retina3x': '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi)'
+);
 
 /**
  * Animation
diff --git a/public/images/backgrounds/background-desktop.png b/public/images/backgrounds/background-desktop.png
new file mode 100755
index 00000000..34af668f
Binary files /dev/null and b/public/images/backgrounds/background-desktop.png differ
diff --git a/public/images/backgrounds/background-desktop.svg b/public/images/backgrounds/background-desktop.svg
new file mode 100644
index 00000000..c43aca6d
--- /dev/null
+++ b/public/images/backgrounds/background-desktop.svg
@@ -0,0 +1 @@
+<svg height="840" viewBox="0 0 1278 840" width="1278" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" x1="101.602%" x2="64.876%" y1="68.567%" y2="44.452%"><stop offset="0" stop-color="#29c0fa"/><stop offset="1" stop-color="#0477da"/></linearGradient><filter id="b" height="108.5%" width="105.2%" x="-2%" y="-5.1%"><feOffset dx="9" dy="-8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="11.5"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0903627622 0"/></filter><g fill="none" fill-rule="evenodd"><path d="m109.284 70.998h1280v780h-1280z" fill="url(#a)" transform="translate(-109 -75)"/><g fill="#48279a" fill-rule="nonzero" opacity=".1"><path d="m3.596 621v155h-3.596v-155zm37.755 0v155h-3.596v-155zm17.979 34.543v120.457h-3.596v-120.457zm17.979-13.729v134.186h-3.596v-134.186zm19.776-2.657v136.843h-3.595v-136.843h3.596zm35.958 9.3v127.543h-3.596v-127.543zm37.755 63.772v63.771h-3.596v-63.771zm73.713-73.072v136.843h-3.596v-136.843zm19.776 22.143v114.7h-3.596v-114.7zm17.979 27.014v87.686h-3.596v-87.686zm-260.692-13.284v100.97h-3.594v-100.971h3.595zm93.49 0v100.97h-3.596v-100.971h3.596zm37.755 0v100.97h-3.596v-100.971h3.596zm35.958 23.471v77.499h-3.596v-77.5h3.596zm19.776 34.543v42.956h-3.596v-42.957h3.596zm17.979-39.857v82.813h-3.596v-82.814h3.596zm73.713 14.171v68.642h-3.596v-68.643h3.596zm19.776 18.157v50.485h-3.595v-50.486h3.595zm17.979-23.472v73.957h-3.596v-73.957z"/><path d="m3.596 621v155h-3.596v-155zm37.755 0v155h-3.596v-155zm17.979 34.543v120.457h-3.596v-120.457zm17.979-13.729v134.186h-3.596v-134.186zm19.776-2.657v136.843h-3.595v-136.843h3.596zm35.958 9.3v127.543h-3.596v-127.543zm37.755 63.772v63.771h-3.596v-63.771zm73.713-73.072v136.843h-3.596v-136.843zm19.776 22.143v114.7h-3.596v-114.7zm17.979 27.014v87.686h-3.596v-87.686zm-260.692-13.284v100.97h-3.594v-100.971h3.595zm93.49 0v100.97h-3.596v-100.971h3.596zm37.755 0v100.97h-3.596v-100.971h3.596zm35.958 23.471v77.499h-3.596v-77.5h3.596zm19.776 34.543v42.956h-3.596v-42.957h3.596zm17.979-39.857v82.813h-3.596v-82.814h3.596zm73.713 14.171v68.642h-3.596v-68.643h3.596zm19.776 18.157v50.485h-3.595v-50.486h3.595zm17.979-23.472v73.957h-3.596v-73.957zm17.596-407.043v481h-3.596v-481zm37.755 0v481h-3.596v-481zm17.979 107.283v373.717h-3.596v-373.717zm111.468 175.997v197.72h-3.596v-197.72zm-149.224-115.706v313.426h-3.595v-313.426zm55.735-102.85v416.276h-3.596v-416.276zm19.776-8.423v424.699h-3.596v-424.699zm17.979 111.273v313.426h-3.596v-313.426zm17.979-82.457v395.883h-3.596v-395.883zm19.776 82.457v313.426h-3.596v-313.426zm35.958 72.704v240.722h-3.596v-240.722zm19.776 107.283v133.439h-3.596v-133.439zm17.979-123.685v257.124h-3.596v-257.124zm17.978-167.576v424.7h-3.596v-424.699h3.596zm19.776 68.715v355.985h-3.596v-355.984h3.596zm17.979 83.787v272.198h-3.596v-272.197h3.596zm17.979 58.961v213.237h-3.596v-213.236h3.596zm19.776 56.745v156.492h-3.595v-156.491h3.595zm17.98-73.148v229.64h-3.596v-229.639h3.596zm18.596-318.36v548h-3.596v-548zm17.978 191.09v356.91h-3.595v-356.91zm19.777-191.09v548h-3.596v-548zm17.979 122.369v425.631h-3.596v-425.631zm17.979-48.77v474.401h-3.596v-474.401zm19.776-9.311v483.712h-3.596v-483.712zm17.979 126.803v356.909h-3.596v-356.91h3.596zm17.979-93.994v450.903h-3.596v-450.903zm19.776 93.994v356.909h-3.596v-356.91h3.596zm17.979 131.68v225.229h-3.596v-225.23h3.596zm17.979-49.214v274.443h-3.596v-274.443zm19.776 122.369v152.074h-3.596v-152.074zm17.979-140.99v293.064h-3.596v-293.065h3.596zm17.979-190.648v483.712h-3.596v-483.712zm19.776 78.032v405.68h-3.596v-405.68zm17.979 95.767v309.913h-3.596v-309.913zm17.979 66.949v242.964h-3.596v-242.964zm19.776 64.731v178.233h-3.595v-178.233zm17.979-83.353v261.586h-3.596v-261.586zm13.603-141.414v403h-3.603v-403zm37.834 0v403h-3.604v-403zm36.031 54.088v348.912h-3.603v-348.912zm55.85 17.29v331.622h-3.604v-331.622h3.603zm37.833 165.811v165.811h-3.603v-165.81h3.603zm-149.532-96.649v262.46h-3.603v-262.46zm37.833-50.54v313h-3.603v-313.001h3.603zm37.834-42.561v355.561h-3.603v-355.562h3.603zm18.016 93.102v262.459h-3.604v-262.46h3.604zm37.833 0v262.459h-3.603v-262.46h3.603zm36.032 60.738v201.721h-3.604v-201.722h3.604zm19.817 90v111.721h-3.603v-111.723h3.603zm18.016-103.745v215.466h-3.603v-215.465h3.603z"/></g><path d="m0 0c35.047 5.538 71.907 8.307 110.579 8.307 120.582 0 123.672 119.558 274.682 118.943s118.018-106.27 331.008-112.09c212.99-5.818 128.225 127.886 333.27 127.886 205.046 0 112.678-127.885 358.948-127.885 33.496 0 63.336.765 89.52 2.296l-.007 896.954h-1498z" fill="#000" filter="url(#b)" transform="matrix(1 0 0 -1 -109 839.411)"/></g></svg>
\ No newline at end of file
diff --git a/public/images/backgrounds/background-desktop@2x.png b/public/images/backgrounds/background-desktop@2x.png
new file mode 100755
index 00000000..9828e8bf
Binary files /dev/null and b/public/images/backgrounds/background-desktop@2x.png differ
diff --git a/public/images/backgrounds/background-desktop@3x.png b/public/images/backgrounds/background-desktop@3x.png
new file mode 100755
index 00000000..00453778
Binary files /dev/null and b/public/images/backgrounds/background-desktop@3x.png differ
diff --git a/public/images/backgrounds/background-mobile.png b/public/images/backgrounds/background-mobile.png
new file mode 100755
index 00000000..4ad049b3
Binary files /dev/null and b/public/images/backgrounds/background-mobile.png differ
diff --git a/public/images/backgrounds/background-mobile@2x.png b/public/images/backgrounds/background-mobile@2x.png
new file mode 100755
index 00000000..f79ab462
Binary files /dev/null and b/public/images/backgrounds/background-mobile@2x.png differ
diff --git a/public/images/backgrounds/background-mobile@3x.png b/public/images/backgrounds/background-mobile@3x.png
new file mode 100755
index 00000000..32cd8f2c
Binary files /dev/null and b/public/images/backgrounds/background-mobile@3x.png differ