From ed96c2eef0aa8ac2d401164c59a29095a499cc3f Mon Sep 17 00:00:00 2001
From: Jake Archibald <jakearchibald@theteam.co.uk>
Date: Mon, 5 Sep 2011 08:36:38 +0100
Subject: [PATCH] Better responsive design

---
 www/assets/4/style/base.css | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/www/assets/4/style/base.css b/www/assets/4/style/base.css
index 598cc98..9dacf61 100644
--- a/www/assets/4/style/base.css
+++ b/www/assets/4/style/base.css
@@ -568,7 +568,7 @@ body {
 	}
 	
 /* Being responsible... */
-@media screen and (max-width: 892px) {
+@media screen and (max-width: 872px) {
 	.container.intro {
 		width: 100%;
 	}
@@ -590,16 +590,31 @@ body {
 		padding-left: 20px;
 		padding-right: 20px;
 	}
-	.select-btn, .demo-btn {
+	.container.intro .select-btn, .container.intro .demo-btn {
 		font-size: 1.6em;
 		padding: 11px 22px;
-		
+		display: block;
+		margin: 12px auto;
 	}
 	.select-btn {
 		margin: 0 21px 0 0;
 	}
 	.start-buttons {
-		top: 64px;
+		top: 23px;
+	}
+	.container.intro > header {
+		height: 91px;
+		-webkit-transform: scale(0.7);
+		-moz-transform: scale(0.7);
+		-ms-transform: scale(0.7);
+		-o-transform: scale(0.7);
+		transform: scale(0.7);
+	}
+	.container.intro > header h1 {
+		top: -32px;
+	}
+	.container > header h1:before, .container > header h1:after {
+		display: none;
 	}
 }
 @media screen and (max-width: 562px) {