tighten up header/hero

website/source/assets/stylesheets/_header.scss

@@ -4,7 +4,7 @@
 
 #header {
     position: relative;
-    height: 108px;
+    height: 92px;
     color: $white;
     text-rendering: optimizeLegibility;
     margin-bottom: 0;
@@ -44,7 +44,7 @@
     .navbar-brand {
         display: inline-block;
         padding: 0;
-        margin: 30px 10px 0 0 ;
+        margin: 16px 10px 0 0 ;
 
         .logo{
             display: inline-block;
@@ -67,7 +67,7 @@
     }
 
     .main-links.navbar-nav{
-        margin-top: 50px;
+        margin-top: 36px;
         margin-left: 120px;
 
         li > a {
@@ -77,7 +77,7 @@
 
     .buttons{
         ul.navbar-nav{
-            margin-top: 50px;
+            margin-top: 36px;
             li {
               padding-left: 12px;
 

website/source/assets/stylesheets/_home.scss

@@ -28,7 +28,7 @@
 		display: inline-block;
 		width: 499px;
 		height: 340px;
-		margin: 120px auto 40px;
+		margin: 48px auto 40px;
 		z-index: 2;
 
 		#hero-logotype{
@@ -83,20 +83,6 @@
 	#hero-text{
 		position: relative;
 
-		&:before{
-			content: '';
-			position: absolute;
-			top: -40px;
-			left: 50%;
-			width: 800px;
-			height: 800px;
-			margin-left: -400px;
-			border-radius: 4px;
-			opacity: .78;
-			background-color: $white;
-			z-index: 1;
-		}
-
 		#hero-text-content{
 			position: relative;
 			z-index: 2;
@@ -104,6 +90,7 @@
 		}
 
 		h1{
+			margin-top: 0;
 			color: $blue-dark;
 			font-size: $font-size-xl;
 			font-family: $font-family-blanc;