diff --git a/web/app/pods/components/huegasm-app/template.hbs b/web/app/pods/components/huegasm-app/template.hbs
index 2d4ae78..c8f1fe2 100644
--- a/web/app/pods/components/huegasm-app/template.hbs
+++ b/web/app/pods/components/huegasm-app/template.hbs
@@ -8,7 +8,7 @@
     <div class="ready-block">
       <div id="intro-background">
         <div id="intro-wrapper">
-          <img src="assets/images/huegasm.png" id="intro-logo">
+          <img src="assets/images/logo.svg" id="intro-logo">
           <p id="intro">
             Your lights meet your music
           </p>
diff --git a/web/app/styles/app.scss b/web/app/styles/app.scss
index fa423c7..190c644 100644
--- a/web/app/styles/app.scss
+++ b/web/app/styles/app.scss
@@ -90,7 +90,8 @@ div.ember-modal-dialog {
 }
 
 #intro-logo {
-  width: 45px;
+  width: 400px;
+  margin-bottom: 4vh;
 }
 
 #intro-background {
@@ -121,6 +122,9 @@ div.ember-modal-dialog {
   .footer-text {
     padding-left: 0 !important;
   }
+  #intro-logo {
+    margin-bottom: 10px;
+  }
 }
 
 // fancy webkit scrollbars
diff --git a/web/app/styles/bridge-finder.scss b/web/app/styles/bridge-finder.scss
index aa58784..1945d63 100644
--- a/web/app/styles/bridge-finder.scss
+++ b/web/app/styles/bridge-finder.scss
@@ -27,6 +27,9 @@
 #bridge-finder, .ready-block {
   text-align: center;
   font-size: 16px;
+}
+
+.ready-block {
   margin-bottom: 10vh;
 }
 
@@ -73,3 +76,9 @@
     background-color: darken(#f44336, 7%) !important;
   }
 }
+
+@media(max-width:768px) {
+  .ready-block {
+    margin-bottom: 10px;
+  }
+}
diff --git a/web/public/assets/images/logo.svg b/web/public/assets/images/logo.svg
new file mode 100644
index 0000000..88a7529
--- /dev/null
+++ b/web/public/assets/images/logo.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 182 792 250" enable-background="new 0 182 792 250" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="300.85" x2="1716.8296" y2="300.85" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+	<stop  offset="0" style="stop-color:#ED1C24"/>
+	<stop  offset="0.5" style="stop-color:#FFF200"/>
+	<stop  offset="1" style="stop-color:#00AEEF"/>
+</linearGradient>
+<polygon fill="url(#SVGID_1_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" points="92.8,323.9 47.4,323.9 
+	47.4,273.3 30.1,273.3 30.1,391.4 47.4,391.4 47.4,339.8 92.7,339.8 92.8,339.8 92.8,391.4 110.1,391.4 110.1,273.3 92.8,273.3 "/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="360.6" x2="1716.8296" y2="360.6" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+	<stop  offset="0" style="stop-color:#ED1C24"/>
+	<stop  offset="0.5" style="stop-color:#FFF200"/>
+	<stop  offset="1" style="stop-color:#00AEEF"/>
+</linearGradient>
+<path fill="url(#SVGID_2_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" d="M331.7,238.7c1.4-0.8,2.9-1.4,4.5-1.9
+	c2.7-0.8,5.5-1.2,8.3-1.6c2.7-0.4,5.5-0.6,8.2-0.9c2.7-0.3,5.4-0.5,8.1-0.6c3.2-0.2,6.4-0.3,9.6-0.5c3.5-0.1,7-0.2,10.6-0.2
+	c5.1,0,10.1,0,15.2,0c2.5,0,5,0.1,7.5,0.1c1,0,2,0.1,3,0.1c1.7,0.1,3.4,0.2,5.1,0.3c1.5,0.1,2.9,0.2,4.4,0.3
+	c2.2,0.1,4.5,0.3,6.7,0.4c2,0.1,4,0.3,6,0.5c1.6,0.1,3.1,0.3,4.7,0.5c1.7,0.2,3.3,0.4,5,0.6c2.1,0.3,4.1,0.6,6.2,1
+	c1.6,0.3,3.1,0.6,4.7,1c1.9,0.5,3.5,1.5,4.6,3.2c0.1,0.1,0.1,0.2,0.2,0.3c0.2,0.3,0.5,0.7,0.6,1.1c0.1,0.4,0.2,0.8,0.4,1.3
+	c5.6-1.8,11.2-3.5,16.8-5.2c0-0.2,0-0.4,0-0.6c-0.6-2.1-1.3-4.1-2.6-5.9c-0.4-0.6-0.9-1.2-1.3-1.8c-2.8-3.9-6.5-6.6-10.9-8.4
+	c-2.1-0.8-4.2-1.4-6.4-1.8c-2.7-0.5-5.5-1-8.2-1.4c-1.5-0.2-3-0.4-4.6-0.6c-1.5-0.2-2.9-0.4-4.4-0.5c-1.2-0.1-2.5-0.3-3.7-0.4
+	c-1.4-0.1-2.9-0.3-4.3-0.4c-1.6-0.1-3.2-0.2-4.7-0.3c-3.3-0.2-6.7-0.5-10-0.6c-3.1-0.2-6.2-0.3-9.4-0.4c-0.4,0-0.8,0-1.3-0.1h-17.8
+	c-0.5,0-1,0.1-1.5,0.1c-3.2,0-6.5,0.1-9.7,0.1c-2.4,0-4.8,0.2-7.1,0.3c-1.8,0.1-3.5,0.1-5.2,0.3c-1.8,0.1-3.7,0.3-5.5,0.4
+	c-1.7,0.1-3.4,0.3-5.1,0.5c-1.8,0.2-3.5,0.4-5.2,0.6c-2.1,0.3-4.2,0.6-6.2,0.9c-4.8,0.8-9.4,2.2-13.6,4.6c-3.3,1.9-6.2,4.3-8.4,7.5
+	c-1.9,2.8-3.1,5.8-3.5,9.2c0,0.2-0.1,0.5-0.2,0.7v3.1c0.1,0.3,0.1,0.6,0.2,0.9c0.1,0.4,0.1,0.8,0.2,1.3c0.5,2.6,1.3,5.1,2.6,7.5
+	c1.2,2.3,2.4,4.5,3.7,6.7c1.8,3,3.5,6,5.3,8.9c1,1.6,2.3,2.9,3.7,4.2c0.2,0.2,0.3,0.4,0.4,0.6c0.3,0.6,0.6,1.3,0.8,2
+	c0.5,1,1,2,1.6,3c0.8,1.5,1.5,3.1,2.1,4.7c0.7,1.8,1.3,3.7,2.1,5.5c0.9,2.1,1.7,4.3,2.5,6.4c1.6,4.2,2.8,8.6,3.8,13
+	c0.8,3.7,1.7,7.4,2.3,11.1c0.3,1.8,0.6,3.5,0.8,5.3c0.4,3.5,0.6,7,0.9,10.5c0.1,1.6,0.2,3.1,0.4,4.7c0.4,3.4,1.9,6.1,4.5,8.2
+	c0.9,0.7,1.9,1.3,2.8,1.9c0.4,0.2,0.6,0.6,0.9,1c0.2,0.4,0.5,0.7,0.8,1c0.4,0.3,0.6,0.6,0.6,1c0,0.8,0,1.6,0.1,2.4
+	c0,0.2,0,0.4-0.1,0.6c-0.9,2.2-1,4.4-0.4,6.6c0.1,0.2,0.1,0.5,0,0.8c-0.6,2.2-0.6,4.3,0.2,6.4c0.1,0.2,0.1,0.5,0.1,0.8
+	c-0.4,3.5,0.8,6.5,3.5,8.9c1.5,1.3,3.1,2.7,4.6,4.1c1.9,1.8,4.1,3,6.5,3.8c0.3,0.1,0.4,0.2,0.6,0.5c0.6,0.8,1.2,1.6,2,2.3
+	c1.7,1.7,3.7,2.8,6,3.3c2.8,0.6,5.5,0.9,8.3,1c3.2,0.1,6.4,0.1,9.5,0.1c2.5,0,5.1-0.1,7.6-0.4c1.7-0.2,3.4-0.5,5-1
+	c2.8-0.9,5.1-2.4,6.8-4.7c0.3-0.4,0.5-0.9,0.8-1.1c0.4-0.3,0.9-0.3,1.3-0.5c2.2-0.8,4-2,5.6-3.8c0.6-0.6,1.2-1.2,1.8-1.7
+	c2-1.6,3.3-3.5,4-6c0.1-0.3,0.1-0.7,0.3-1c0.5-1.4,0.7-2.9,0.6-4.4c0-0.3,0-0.6,0.2-0.9c1.8-2.4,2.4-5.2,1.8-8.2
+	c0-0.3-0.1-0.6,0-0.8c0.6-1.9,0.6-3.9-0.1-5.9c-0.1-0.3,0-0.5,0-0.8c0.1-0.7,0.4-1.4,0.9-1.9c0.2-0.2,0.3-0.4,0.5-0.6
+	c0.2-0.3,0.4-0.5,0.7-0.7c1.2-0.7,2.3-1.4,3.3-2.3c2.4-2.2,4-4.8,4.4-8c0.2-1.7,0.4-3.4,0.6-5.1c0.2-1.8,0.3-3.5,0.5-5.3
+	c0.2-2.3,0.4-4.6,0.6-6.9c0.2-1.7,0.4-3.4,0.7-5.1c0.6-3.2,1.4-6.5,2.2-9.7c0.9-3.7,1.9-7.5,2.9-11.1c0.6-2.3,1.4-4.7,2.3-6.9
+	c2.4-5.7,4.9-11.4,7.3-17.1c0.1-0.2,0.1-0.4,0.2-0.6c-0.1,0-0.1-0.1-0.1-0.1c-0.1,0-0.2,0-0.4,0l-95,0l0,0
+	c-0.1,1.1,6.4,17.1,6.5,17.6h62.8c-0.1,0.3-0.1,0.6-0.2,0.8c-0.4,1.2-0.7,2.4-1.1,3.7c-1.5,5.5-2.8,11-4.1,16.5
+	c-0.5,2.3-1.1,4.7-1.3,7c-0.4,3.4-0.7,6.8-1,10.1c-0.2,2.4-0.5,4.8-0.7,7.2c0,0.3-0.2,0.5-0.4,0.6c-0.6,0.4-1.3,0.8-1.9,1.2
+	c-0.9,0.6-1.8,1.3-2.4,2.2c-0.2,0.2-0.4,0.5-0.7,0.6c-2.8,1.9-4.3,4.6-4.4,8c0,0.4-0.1,0.7-0.3,1c-1.7,2.5-2.2,5.3-1.4,8.2
+	c0.1,0.3,0.1,0.6,0,0.8c-0.3,1.3-0.4,2.6-0.2,3.9c0.1,0.8,0.2,1.5-0.1,2.3c-0.1,0.3-0.1,0.6-0.1,0.8s0,0.6-0.1,0.8
+	c-0.5,1.2-0.6,2.5-0.6,3.8c0,0.1,0,0.3,0,0.4c-0.3,0.3-0.6,0.6-1,0.8c-0.9,0.2-1.8,0.5-2.7,0.8c-0.7,0.2-1.4,0.5-2.1,0.9
+	c-1.7,0.9-3,2.3-3.9,4c-0.2,0.3-0.4,0.5-0.8,0.5c-1.2,0-2.3,0.1-3.5,0.1c-1.1,0-2.3,0-3.4,0c-3.2,0-6.4,0-9.5-0.3
+	c-0.4,0-0.6-0.2-0.8-0.5c-1.1-1.8-2.5-3.2-4.4-4.1c-1.1-0.5-2.2-0.8-3.3-1.1c-0.6-0.1-1.2-0.4-1.6-0.9c-0.1-0.1-0.2-0.4-0.2-0.6
+	c0-1-0.1-2-0.4-2.9c-0.1-0.2-0.1-0.5,0-0.7c0.5-1.5,0.6-3.1,0.2-4.7c0-0.3,0-0.6,0.1-0.9c0.9-2.8,0.6-5.5-1-8
+	c-0.2-0.3-0.2-0.6-0.2-0.9c0.1-1.3,0.1-2.6,0-4c-0.3-2.4-1.3-4.6-3-6.3c-0.6-0.5-1.2-0.9-1.7-1.4c-0.6-0.5-1-1.2-1.5-1.7
+	c-0.6-0.6-1.3-1-2-1.5c-0.3-0.3-0.7-0.5-1.1-0.6c-0.5-0.2-0.6-0.6-0.6-1.1c0-0.1,0-0.2,0-0.3c-0.1-1.6-0.3-3.2-0.4-4.8
+	c-0.1-1.3-0.2-2.7-0.4-4c-0.2-2.6-0.5-5.3-1-7.8c-0.5-2.7-0.9-5.3-1.5-8c-0.8-3.9-1.8-7.8-2.7-11.7c-1.1-4.2-2.7-8.3-4.1-12.4
+	c-1-2.6-2.2-5.2-3.1-7.8c-0.4-1.1-0.8-2.2-1.2-3.3c-0.1-0.3-0.2-0.5-0.4-0.7l-9.1-14.8c-0.4-0.7-0.8-1.3-1.2-2
+	c-2-3.5-4.1-6.9-6.1-10.4c-0.6-1.1-1.2-2.3-1.6-3.6c-0.3-1.2,0-2.1,0.7-2.9C330.4,239.6,331,239.1,331.7,238.7z"/>
+<g>
+	<line fill="none" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" x1="135.5" y1="273.3" x2="135.4" y2="273.3"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="299.75" x2="1716.8296" y2="299.75" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+		<stop  offset="0" style="stop-color:#ED1C24"/>
+		<stop  offset="0.5" style="stop-color:#FFF200"/>
+		<stop  offset="1" style="stop-color:#00AEEF"/>
+	</linearGradient>
+	<path fill="url(#SVGID_3_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" d="M199.4,349.5c-0.1,8-2.3,14.2-6.6,18.4
+		c-4.4,4.4-10,6.6-16.7,6.6s-12.3-2.2-16.6-6.6c-4.4-4.2-6.7-10.3-6.8-18.4v-76.2h-17.3v78.1c0.1,12.4,4.1,22.3,11.9,29.5
+		c7.7,7.5,17.2,11.3,28.7,11.4c11.7-0.1,21.3-3.9,28.9-11.4c7.6-7.3,11.5-17.1,11.7-29.6v-78.1h-17.3V349.5z"/>
+</g>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-1.818989e-12" y1="300.95" x2="1719" y2="300.95" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+	<stop  offset="0" style="stop-color:#ED1C24"/>
+	<stop  offset="0.5" style="stop-color:#FFF200"/>
+	<stop  offset="1" style="stop-color:#00AEEF"/>
+</linearGradient>
+<polygon fill="url(#SVGID_4_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" points="242,391.3 315.1,391.3 
+	315.1,374.5 259.3,374.5 259.3,339.7 306.9,339.7 306.9,323.9 259.3,323.9 259.3,290.1 315.1,290.1 315.1,273.3 242,273.3 "/>
+<g>
+	<polygon fill="none" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" points="490.4,297.5 473.8,349.1 507.2,349.1 
+		490.7,297.5 	"/>
+	
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="300.85" x2="1716.8296" y2="300.85" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+		<stop  offset="0" style="stop-color:#ED1C24"/>
+		<stop  offset="0.5" style="stop-color:#FFF200"/>
+		<stop  offset="1" style="stop-color:#00AEEF"/>
+	</linearGradient>
+	<path fill="url(#SVGID_5_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" d="M483.2,273.3l-41.6,118.1H460l8.8-26.4
+		h43.4l8.8,26.4h18.3l-41.6-118.1H483.2z M473.8,349.1l16.5-51.6h0.3l16.5,51.6H473.8z"/>
+</g>
+<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="300.95" x2="1716.8296" y2="300.95" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+	<stop  offset="0" style="stop-color:#ED1C24"/>
+	<stop  offset="0.5" style="stop-color:#FFF200"/>
+	<stop  offset="1" style="stop-color:#00AEEF"/>
+</linearGradient>
+<path fill="url(#SVGID_6_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" d="M608.7,324c-5.4-0.7-9.7-1.3-12.9-1.8
+	c-5.6-1.1-9.7-3-12.3-5.9c-2.5-2.8-3.8-5.9-3.8-9.3c0.1-5.7,2-10,5.7-12.8c3.6-2.8,8-4.1,13.4-4.1c10.3,0.2,19.8,3.2,28.3,9.1
+	l9.7-14.7c-10.5-7.8-22.9-11.9-37.1-12.2c-11.8,0.1-21,3.3-27.4,9.6c-6.6,6.3-10,14.7-10,25c0,8.6,2.6,15.9,7.9,21.9
+	c5.1,5.9,12.6,9.6,22.4,11.3c5.5,0.8,10.6,1.6,15.2,2.2c10,1.8,15,7.1,14.9,15.9c-0.2,10.7-7.7,16.2-22.6,16.4
+	c-12.5-0.1-23.4-4-32.5-11.7l-11.5,13.5c12.2,10.7,26.7,16.1,43.7,16.1c26.2-0.3,39.6-11.8,40.1-34.4c0-8.4-2.5-15.8-7.6-22.1
+	C627.3,329.5,619.4,325.5,608.7,324z"/>
+<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="-2.1705" y1="300.85" x2="1716.8296" y2="300.85" gradientTransform="matrix(0.4607 0 0 -0.4607 0 470.9424)">
+	<stop  offset="0" style="stop-color:#ED1C24"/>
+	<stop  offset="0.5" style="stop-color:#FFF200"/>
+	<stop  offset="1" style="stop-color:#00AEEF"/>
+</linearGradient>
+<polygon fill="url(#SVGID_7_)" stroke="#231F20" stroke-width="2" stroke-miterlimit="10" points="710.6,350.3 677.8,273.3 
+	661.5,273.3 661.4,273.3 661.4,391.4 678.7,391.4 678.7,317.7 679,317.7 703,374.5 717.4,374.5 741.4,317.7 741.8,317.7 
+	741.8,391.4 759.1,391.4 759.1,273.3 742.7,273.3 "/>
+</svg>