website: more centered download link

website/source/index.html.erb

@@ -14,18 +14,15 @@
 
 	<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>
-					<small class="uppercase mono">
-						<a href="#">
-							Release Notes
-							<!-- {{releasedate}} -->
-							<span>06/17/13</span>
-						</a>
-					</small>
-			</div>
+		<div class="download-container">
+			<h2 class="uppercase"><a href="#">Download v0.1</a></h2>
+			<small class="uppercase mono">
+				<a href="#">
+					Release Notes
+					<!-- {{releasedate}} -->
+					<span>06/17/13</span>
+				</a>
+			</small>
 		</div>
 	</div>
 	</section>
@@ -50,9 +47,9 @@
 		</div>
 		<div class="row">
 			<p class="span6 offset3">
-				Out of the box, Packer comes with support to build images
-				for the following platforms. Support for additional platforms is
-				coming and can also be added through plugins.
+			Out of the box, Packer comes with support to build images
+			for the following platforms. Support for additional platforms is
+			coming and can also be added through plugins.
 			</p>
 		</div>
 		<div class="row">

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;
         }
     }