Split home page into two columns

themes/theme/templates/style.css

@@ -16,12 +16,7 @@ a {
 	font: 1.2rem/1.0 Lato,sans-serif;
 }
 
-.index h3 {
-	font: 1.2rem/1.5 Apparatus SIL,serif;
-}
-
 .source {
-	float: right;
 	font: 1rem/1.5 Apparatus SIL,serif;
 }
 
@@ -78,9 +73,17 @@ pre {
 }
 
 .content-wide {
+	max-width: 46rem;;
+}
+
+.content-index {
 	max-width: none;
 }
 
+.content-index h3 {
+	font: 1.2rem/1.5 Apparatus SIL,serif;
+}
+
 .content p {
 	font: 1.2rem/1.5 Apparatus SIL,serif;
 }
@@ -180,6 +183,30 @@ pre {
 	}
 }
 
+@media screen and (min-width:58rem) {
+	.container {
+		max-width: 75rem;
+	}
+
+	.leftcol {
+		float: left;
+		width: 50%;
+		margin-top: -1rem;
+	}
+
+	.leftcol > .inside {
+		padding-right: 1rem;
+	}
+
+	.rightcol {
+		overflow: hidden;
+		margin-top: -1rem;
+	}
+
+	.rightcol > .inside {
+		padding-left: 1rem;
+	}
+}
 
 body {
 	background-color: #eee;