1 files changed, 45 insertions, 25 deletions

diff --git a/app/assets/stylesheets/custom.css.scss b/app/assets/stylesheets/custom.css.scss
index cf31633..76fb068 100644
--- a/app/assets/stylesheets/custom.css.scss
+++ b/app/assets/stylesheets/custom.css.scss
@@ -1,5 +1,6 @@
 @import "bootstrap";
 @import "bootstrap-responsive";
+@import "mixins.css.scss";
 @import "settings.css.scss";
 
 body {
@@ -7,24 +8,28 @@ body {
   background-color: $beige;
 }
 
-footer{
+footer {
   background-color: $blue;
   bottom: 0;
   width: 100%;
   padding: 20px 0 220px;
   text-align: center;
 
-  .content{
+  .content {
     color: white;
-    .row { margin: 0 auto; }
-    a{
+    .row {
+      margin: 0 auto;
+    }
+    a {
       color: white;
-      &:hover{ text-decoration: underline; }
+      &:hover {
+        text-decoration: underline;
+      }
     }
   }
 }
 
-h1#logo{
+h1#logo {
   background: transparent asset-url('utility-belt/logo.png') no-repeat 0 0;
   width: 313px;
   height: 86px;
@@ -33,11 +38,15 @@ h1#logo{
   margin-right: 50px;
 }
 
-h2 { font-size: 44px; line-height: 48px; color: #333;}
+h2 {
+  font-size: 44px;
+  line-height: 48px;
+  color: #333;
+}
 
-a{
+a {
   color: $green;
-  &:hover{
+  &:hover {
     color: $lightgreen;
     text-decoration: none;
   }
@@ -49,48 +58,59 @@ a{
   font-weight: 200;
   color: #666;
 }
-.customers{ color: $blue; }
-.product{ color: $green; }
-.features{ color: $orange; }
 
-.static{
+.customers {
+  color: $blue;
+}
+
+.product {
+  color: $green;
+}
+
+.features {
+  color: $orange;
+}
+
+.static {
   clear: both;
   padding-top: 45px;
   margin-bottom: 100px;
-  p{
+  p {
     font: 36px/48px "Helvetica Neue";
     font-weight: 200;
   }
-
-  .back{
+  .back {
     font: 36px/48px "Helvetica Neue";
     font-weight: 500;
   }
 }
 
-#new_sign_up{
+#new_sign_up {
   position: relative;
-  label{
+  label {
     font-style: italic;
     font-weight: 200;
     color: #666;
   }
-
-  .field{
+  .field {
     float: left;
-    input[type="email"]{
+    input[type="email"] {
       width: 350px;
     }
     margin-right: 20px;
   }
-  .actions{
+  .actions {
     float: left;
     margin-top: 24px;
   }
   @include clearfix;
 }
 
-#privacy{
-  strong { font: 36px/48px "Helvetica Neue"; }
-  p{ font: 14px/18px "Helvetica Neue"; }
+#privacy {
+  strong {
+    font: 36px/48px "Helvetica Neue";
+  }
+  p {
+    font: 20px/24px "Helvetica Neue";
+  }
 }