diff --git a/sass/_media.scss b/sass/_media.scss
index a4270d6..b3547f4 100644
--- a/sass/_media.scss
+++ b/sass/_media.scss
@@ -1,13 +1,12 @@
 @media only screen and (max-width: 700px) {
+	#content {
+		flex-direction: column;
+	}
+
 	#nav {
 		border: 0;
 		border-bottom: 1px dotted #ccc;
-		margin-bottom: 1em;
 		width: 100%;
 	}
-
-	#main {
-		margin-left: 0;
-	}
 }
 
diff --git a/sass/style.scss b/sass/style.scss
index 9af7a41..7ee344f 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -53,6 +53,10 @@ body {
 	}
 }
 
+#content {
+	display: flex;
+}
+
 #nav {
 	float: left;
 	border-right: 1px dotted #ccc;
@@ -73,7 +77,7 @@ body {
 
 #main {
 	padding: 1.5em;
-	margin-left: 200px;
+	flex-grow: 1;
 
 	.title {
 		font-size: 1.2em;