Updates everything

assets/css/main.less

@@ -107,6 +107,9 @@ main{
 	max-width: 95%;
 	@media (min-width: 50em){
 		max-width: 70%;
+		&.wide{
+			max-width: 95%;
+		}
 	}
 }
 
@@ -132,16 +135,34 @@ li{
 //	overflow: auto;
 //}
 
+.col-container{
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	h1{
+		width: 100%;
+	}
+}
+
 article{
 	background-color: @gb-dm-bg1;
 	margin: 1em;
 	padding: 1em;
 	border-radius: 1em;
+	width: 100%;
+	&.col{
+		@media (min-width: 50em){
+			width: 25%;
+		}
+	}
 }
 
 footer{
 	display: flex;
-	flex-direction: row;
+	flex-direction: column;
+	@media (min-width: 50em){
+		flex-direction: row;
+	}
 	justify-content: space-between;
 	background-color: @gb-dm-bg3;
 	padding: 0.5em;