Better responsive design

jakearchibald · Sep 5, 2011 · ed96c2e · ed96c2e
1 parent f4ba2d2
commit ed96c2e
Showing 1 changed file with 19 additions and 4 deletions.
diff --git 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) {