Responsive design copied from bm styling.

1 files 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%;
 	}
 }