css: repair small screen sections

Signed-off-by: Johannes Schindelin <[email protected]>

Author: dscho

css/small.css

@@ -33,8 +33,7 @@
 
 	.content {
 		width: 100%;
-		min-width: 700px;
-		max-width: 700px;
+		min-width: 600px;
 	}
 
 	header {
@@ -69,10 +68,9 @@
 	}
 }
 
-@media screen and (max-width: 601px) {
+@media screen and (max-width: 600px) {
 	.content {
-		min-width: 601px;
-		max-width: 601px;
+		min-width: 380px;
 	}
 
 	html {
@@ -96,14 +94,13 @@
 	}
 }
 
-@media screen and (max-width: 381px) {
+@media screen and (max-width: 380px) {
 	.content {
-		min-width: 381px;
-		max-width: 381px;
+		min-width: 240px;
 	}
 
 	.feature h2 {
-		font-size: 1.8em;
+		font-size: 1.6em;
 	}
 
 	.feature article {
@@ -126,10 +123,9 @@
 	}
 }
 
-@media screen and (max-width: 241px) {
+@media screen and (max-width: 240px) {
 	.content {
-		min-width: 241px;
-		max-width: 241px;
+		min-width: 240px;
 	}
 
 	html {