source/stylesheets/refills/_hero.scss in refills-0.0.1 vs source/stylesheets/refills/_hero.scss in refills-0.0.2

@@ -1,35 +1,55 @@
 .hero {
-	$hero-background: lighten($base-border-color, 10);	
+	$hero-background: desaturate(darken($base-accent-color, 20), 30);	
+	$hero-color: white;
 
+	background: url(https://raw.github.com/Magnus-G/Random/master/lake-transparent.png);
 	background-color: $hero-background;
+	background-repeat: no-repeat;
+	background-position: top;
+	background-size: cover;
 	padding-bottom: 4em;
 
+	.hero-logo img {
+		height: 3em;
+		margin-bottom: 1em;
+	}
+
 	.hero-inner {
 		@include outer-container;
 		@include clearfix;
-		padding: 1em;
+		padding: 3em;
 		margin: auto;
+		text-align: center;
+		color: $hero-color;
 
 		button {
 			@include button(simple, $base-accent-color);
 			font-size: $base-font-size;
 			outline: none;
 		}
 
 		.hero-copy {
-			@include media($medium-screen) {
-				@include span-columns(6);
-			}
+			text-align: center;
 			
-			h6 {
-				margin-bottom: 2em;	
+			h1 {
+				font-size: 1.4em;
+				margin-bottom: .2em;
+
+				@include media($large-screen) {
+					font-size: 1.8em;
+				}
 			}
-		}
 
-		.hero-image {
-			@include media($medium-screen) {
-				@include span-columns(6);
+			p {
+				margin: auto;
+				margin-bottom: 3em;	
+				font-weight: 200;
+
+				@include media($large-screen) {
+					font-size: 1.2em;
+					max-width: 40%;
+				}
 			}
 		}
 	}
 }
\ No newline at end of file