1 files changed, 33 insertions, 74 deletions
diff --git a/files/webapp/stylesheets/tail.scss b/files/webapp/stylesheets/tail.scss
index c84b286..e7b362d 100644
--- a/files/webapp/stylesheets/tail.scss
+++ b/files/webapp/stylesheets/tail.scss
@@ -1,8 +1,7 @@
 //
-// APP STYLES
+// MASTHEAD
 //
 
-
 #masthead {
   background: 50% 50% url(/img/rainbow-masthead-small.png) no-repeat;
   height: 96px;
@@ -16,12 +15,37 @@
   }
 }
 
+body.home #masthead {
+  background: 50% 50% url(/img/rainbow-masthead.png) no-repeat;
+  height: 256px;
+  margin: 0;
+  border-bottom: 0;
+  .text {
+    width: 360px;
+    margin: 0 auto;
+    padding-top: 80px;
+  }
+  .title {
+    font-size: 80px;
+    line-height: 60px;
+    color: #000;
+    margin: 0;
+    font-weight: bold;
+    width: auto;
+  }
+  .tagline {
+    padding-left: 5px;
+    margin-top: 6px;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
 
 //
 // HOME PAGE STYLES
 //
 
-.home-page {
+body.home {
   .b {
     font-weight: bold;
   }
@@ -33,8 +57,7 @@
   }
 }
 
-//.home-page .navbar .navbar-inner {
-.home-page {
+body.home {
   .navcontainer {
     overflow: hidden;
   }
@@ -67,81 +90,17 @@
   }
 }
 
-.home-page .heroish-unit {
-  background: 50% 50% url(/img/rainbow-masthead.png) no-repeat;
-
-  //background-image:  url('image.png');
-  //background-image:  none,url('image.svg'), url('image.png');
-  //background-size: 100% 100%;
-
-
-
-  height: 256px;
-  //padding: 60px;
-
-  //@include gradient-vertical(#e6e6e6, #ccc);
-  //margin: 10px 0 1px 0;
-  color: black;
-
-  //@include box-shadow(#{0 4px 6px rgba(0,0,0,.15) inset, 0 -2px 5px rgba(0,0,0,.25) inset});
-  //@include box-shadow(#{2px 2px 8px rgba(255,255,255,.3) inset});
-  //@include border-top-radius(4px);
-
-  //.image {
-  //  background-image: url(/img/bitmask-large.png);
-  //  height: 122px;
-  //  width: 256px;
-  //  float: left;
-  //  margin-right: 20px;
-  //}
-  .text {
-    width: 360px;
-    margin: 80px auto 0 auto;
-  }
-  .title {
-    font-size: 80px;
-    line-height: 60px;
-    color: #000;
-    margin: 0;
-    font-weight: bold;
-  }
-  .tagline {
-    padding-left: 5px;
-    margin-top: 6px;
-    font-size: 18px;
-    line-height: 24px;
-  }
-}
-
-.home-page {
-  .introtext {
-    font-size: 18px;
-    line-height: 24px;
-    margin: 10px 0;
-  }
-  .home-buttons {
-    //text-align: left;
-    //a.btn {
-    //  width: 12em;
-    //  padding: 8px;
-    //  margin: 0 0 12px 0;
-    //}
-  }
-
-}
 
 //
 // SMALL SCREEN
 //
 
 @media (max-width: 767px) {
-  .home-page .masthead {
-    margin-left: -20px;
-    margin-right: -20px;
-    .heroish-unit {
-      background: 40% 50% url(/img/rainbow-masthead-small.png) no-repeat;
-      height: 96px;
-    }
+  body.home #masthead {
+    //margin-left: -20px;
+    //margin-right: -20px;
+    background: 40% 50% url(/img/rainbow-masthead-small.png) no-repeat;
+    height: 96px;
     .tagline {
       display: none;
     }