From d0aaaecf20c3f15529aafe5ee30a92e5ff7065ee Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Sun, 10 Sep 2017 20:20:31 +0200
Subject: Responsive design copied from bm styling.

---
 local.scss | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/local.scss b/local.scss
index bd27729..2322f49 100644
--- a/local.scss
+++ b/local.scss
@@ -210,17 +210,26 @@ a {
 	border-bottom: 0;
 }
 
-@media screen and (max-width: 980px) {
-	.page {
-	background: yellow;
+//Responsive design
+
+@media screen and (max-width: 480px) {
+	div#content {
+		max-width: 96%;
+		margin: 0;
+		padding: 0 4%;
 	}
-}
-@media screen and (max-width: 700px) {
-	.page {
-	background: green;
+	div.inlinepage {
+		margin: 0;
+	}
+	div.farbar {
+		width: 96%;
+		margin-left: 0;
+		padding: 0 4%;
 	}
-}@media screen and (max-width: 480px) {
-	.page {
-	background: red;
+	div.sidebar {
+		float: none;
+		width: 96%;
+		margin-left: 0;
+		padding: 0 4%;
 	}
 }
-- 
cgit v1.2.3