Narrow viewport: Farbar and sidebar placed (full-width) below content.

1 files changed, 23 insertions, 1 deletions

diff --git a/style.scss b/style.scss
index 3086086..7e0cc7f 100644
--- a/style.scss
+++ b/style.scss
@@ -251,7 +251,7 @@ body {
 	width: 68%;
 	max-width: 72em;
 //	margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth);
-	margin: 0:
+	margin: 0;
 	padding: 1em 2%;
 	text-align: left;
 	background-color: none;
@@ -411,6 +411,28 @@ th {
 	}
 }
 
+@media screen and (max-width: 480px) {
+	#content {
+		width: 100%;
+		margin: 0;
+		padding: 0 2%;
+	}
+	.columns {
+		@include column-count(1);
+	}
+	.inlinepage {
+		margin: 0;
+	}
+	.farbar {
+		width: 100%;
+		margin-left: 0;
+	}
+	.sidebar {
+		width: 100%;
+		margin-left: 0;
+	}
+}
+
 .farbar p i {
 	font-size: 0.8em;
 	line-height: 1em;