website: more centered download link

website/source/index.html.erb

@@ -14,10 +14,8 @@
 
 	<section class="belt download">
 	<div class="container">
-		<div class="row">
-			<div class="span6 offset3">
-					<img class="pull-left download-arrow" src="/images/down_arrow.png" alt="down_arrow" />
-					<h2><a href="#">Download v0.1</a></h2>
+		<div class="download-container">
+			<h2 class="uppercase"><a href="#">Download v0.1</a></h2>
 			<small class="uppercase mono">
 				<a href="#">
 					Release Notes
@@ -27,7 +25,6 @@
 			</small>
 		</div>
 	</div>
-	</div>
 	</section>
 
 	<section class="about padded-lg text-center">

website/source/stylesheets/_components.scss

@@ -14,21 +14,26 @@
         @extend .padded-sm;
     }
 
-    .download-arrow {
-        margin: 5px 30px 0 0;
-        @include respond-to(mobile) {
-            margin-left: $baseline;
-            margin-top: -10px;
-            margin-right: $baseline;
-        }
+    .download-container {
+        background: url(/images/down_arrow.png) no-repeat top left;
+        min-height: 73px;
+        width: 320px;
+        margin: 0 auto;
+        padding-left: 100px;
     }
 
     h2 {
-        margin: 15px auto 0;
+        font-family: $serif;
+        font-size: 38px;
+        color: #7bc6b1;
+        margin: 0px;
+        padding: 0px;
+        padding-top: 7px;
+        padding-bottom: 3px;
         line-height: 1.0;
-        @include respond-to(mobile) {
-            font-size: 25px;
-            line-height: (30/25);
+
+        &:hover {
+            color: $dark-background;
         }
     }