diff --git a/themes/outerspace/static/css/outerspace.css b/themes/outerspace/static/css/outerspace.css
index 0a1fcb2..0316229 100644
--- a/themes/outerspace/static/css/outerspace.css
+++ b/themes/outerspace/static/css/outerspace.css
@@ -10,12 +10,12 @@ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre
 body {
     background: #FFFFFF;
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-    font-size: 16px;
-    line-height: 22px;
+    font-size: 13px;
+    line-height: 18px;
 }
 
 .container {
-    width: 920px;
+    width: 96%;
     margin: 0 auto;
 }
 
@@ -95,7 +95,7 @@ footer {
 }
 
 .single-post h1 {
-    font-size: 4em;
+    font-size: 2em;
     line-height: 1em;
     padding-bottom: 0.5em;
 }
@@ -136,6 +136,7 @@ footer {
 
 ul.tags {
     padding-bottom: 0.5em;
+    margin-left: 0;
 }
 
 ul.tags li {
@@ -159,7 +160,31 @@ ul.tags li:first-child:before {
 
 img.avatar {
     border-radius: 50%;
-    width: 150px;
+    width: 100px;
     float: right;
     margin-left: 1em;
 }
+
+@media (min-width: 720px) {
+}
+
+@media (min-width: 980px) {
+    body {
+        font-size: 16px;
+        line-height: 22px;
+    }
+
+    .container {
+        width: 920px;
+    }
+
+    .single-post h1 {
+        font-size: 4em;
+        line-height: 1em;
+    }
+
+    img.avatar {
+        width: 150px;
+    }
+}
+