Replaces images for their @2x versions Fixes #1

packages/metaljs.com/src/partials/home.soy

@@ -33,7 +33,7 @@
 				<div class="col-sm-4 col-xs-12">
 					<section class="feature">
 						<img class="feature-image" src="/images/module_icon.svg" alt="Module icon" width="48">
-						<h3 class="feature-title">Flexible Build</h3>
+						<h3 class="feature-title">Versatile Build</h3>
 						<p class="feature-description">It allows you to build small pieces of functionality which can be developed and tested independently.</p>
 						<a class="feature-link" href="#">Learn More</a>
 					</section>
@@ -65,8 +65,8 @@
 					<a class="architecture-link" href="#">Learn More</a>
 				</div>
 				<div class="col-lg-6 col-sm-7 col-xs-12">
-					<img class="architecture-image-primary" src="images/metal_architecture.png" alt="Architecture">
-					<img class="architecture-image-secondary" src="images/shadow_metal_architecture.png" alt="Shadow">
+					<img class="architecture-image-primary" src="images/metal_architecture@2x.png" alt="Architecture" width="557" height="631">
+					<img class="architecture-image-secondary" src="images/shadow_metal_architecture@2x.png" alt="Shadow" width="218" height="52">
 				</div>
 			</div>
 		</div>

packages/metaljs.com/src/partials/main.soy

@@ -6,7 +6,7 @@
 {template .topbar}
 	<nav class="topbar">
 		<a class="topbar-logo" href="/">
-			<img class="topbar-logo-image" src="/images/logo_signature.png" alt="Metal.js Logo">
+			<img class="topbar-logo-image" src="/images/logo_signature@2x.png" alt="Metal.js Logo" width="35" height="28">
 			<h1 class="topbar-logo-text">Metal.js</h1>
 		</a>
 		<ul class="topbar-menu">

packages/metaljs.com/src/public/styles/_header.scss

@@ -12,7 +12,8 @@
 }
 
 .header-bg {
-	background: url(../images/logo_bg.png) no-repeat;
+	background: url(../images/[email protected]) no-repeat;
+	background-size: 1145px 916px;
 	display: none;
 	height: 916px;
 	position: absolute;
@@ -49,7 +50,7 @@
 
 .topbar-logo-image {
 	float: left;
-	padding: 4px 0;
+	margin: 4px 0;
 }
 
 .topbar-logo-text {

packages/metaljs.com/src/public/styles/_home.scss

@@ -191,6 +191,7 @@
 
 .architecture {
 	background: rgba($secondaryColor, 0.05);
+	overflow: hidden;
 }
 
 .architecture-title {
@@ -231,7 +232,6 @@
 .architecture-image-primary,
 .architecture-image-secondary {
 	display: none;
-	max-width: 100%;
 }
 
 .architecture-image-primary {
@@ -244,12 +244,6 @@
 		display: block;
 	}
 
-	.architecture-image-secondary {
-		margin: 30px 0 0 60px;
-	}
-}
-
-@media (min-width: $screen-md-min) {
 	.architecture-image-secondary {
 		margin: 30px 0 0 120px;
 	}
@@ -337,7 +331,8 @@
 }
 
 .collection-primary {
-	background: $secondaryColor url(../images/alloy_logo.png) no-repeat center center;
+	background: $secondaryColor url(../images/[email protected]) no-repeat center center;
+	background-size: 713px 620px;
 }
 
 .collection-primary .collection-button {
@@ -346,7 +341,8 @@
 }
 
 .collection-secondary {
-	background: #f0f1f2 url(../images/crystal_logo.png) no-repeat center center;
+	background: #f0f1f2 url(../images/[email protected]) no-repeat center center;
+	background-size: 729px 677px;
 }
 
 .collection-secondary .collection-button {