minor styling changes to the front web page

web/app/pods/components/huegasm-app/template.hbs

@@ -9,7 +9,7 @@
       <div id="intro-background">
         <div id="intro-wrapper">
           <p id="intro">
-            Your lights meet your music.
+            Your lights meet your music
           </p>
           <p id="intro-paragraph">
             Huegasm is a free web application for managing and synchronizing your <a target="_blank" href="http://www2.meethue.com">Philips Hue lights</a>            with the beat of your music.
@@ -17,7 +17,7 @@
         </div>
       </div>
 
-      <p>Click <a href="#" {{action "isReady"}}>START</a> to get started with Huegasm.</p>
+      <p>Click <a href="#" {{action "isReady"}}>START</a> to get started using Huegasm.</p>
 
       <div class="relative">
         {{paper-button raised=true primary=true warn=true onClick=(action "isReady") class="go-button center-block" label="START"}}

web/app/styles/app.scss

@@ -103,6 +103,13 @@ div.ember-modal-dialog {
 
 .video-icon {
   position: absolute;
+  md-icon {
+    transition: all .1s linear;
+    color: rgba($blackish, 0.4) !important;
+    &:hover {
+      color: rgba($blackish, 0.7) !important;
+    }
+  }
 }
 
 @media(max-width:768px) {

web/app/styles/bridge-finder.scss

@@ -21,7 +21,7 @@
 
 #intro-paragraph {
   margin-bottom: 20px;
-  font-size: 20px;
+  font-size: 18px;
 }
 
 #bridge-finder, .ready-block {