diff --git a/app/assets/images/bbb-logo.png b/app/assets/images/bbb-logo.png
index 3737f7c5..90f684a0 100644
Binary files a/app/assets/images/bbb-logo.png and b/app/assets/images/bbb-logo.png differ
diff --git a/app/assets/images/greenlight_background.jpg b/app/assets/images/greenlight_background.jpg
new file mode 100644
index 00000000..4fadde1f
Binary files /dev/null and b/app/assets/images/greenlight_background.jpg differ
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index 6d55b101..d58ee5f1 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -27,13 +27,12 @@ html, body {
 }
 
 .app-background {
-  background: #ffffff;
-  background: -moz-linear-gradient(top, #4dc0a2 0%, #4dc0a2 350px, #ffffff 350px, #ffffff 100%);
-  background: -webkit-gradient(left top, left bottom, color-stop(0%, #4dc0a2), color-stop(350px, #4dc0a2), color-stop(350px, #ffffff), color-stop(100%, #ffffff));
-  background: -webkit-linear-gradient(top, #4dc0a2 0%, #4dc0a2 350px, #ffffff 350px, #ffffff 100%);
-  background: -o-linear-gradient(top, #4dc0a2 0%, #4dc0a2 350px, #ffffff 350px, #ffffff 100%);
-  background: -ms-linear-gradient(top, #4dc0a2 0%, #4dc0a2 350px, #ffffff 350px, #ffffff 100%);
-  background: linear-gradient(to bottom, #4dc0a2 0%, #4dc0a2 350px, #ffffff 350px, #ffffff 100%);
+  height: 350px;
+  width: 100%;
+  background: url('greenlight_background.jpg');
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 #alerts {