1 files changed, 28 insertions, 0 deletions
diff --git a/themes/theme/source/css/media.styl b/themes/theme/source/css/media.styl
new file mode 100644
index 00000000..c0bd3879
--- /dev/null
+++ b/themes/theme/source/css/media.styl
@@ -0,0 +1,28 @@
+.flex-container
+    width 720px
+    margin 0 auto
+
+html
+    font-size 18px
+
+@media (max-width: 1600px)
+    html
+        font-size 18px
+    .flex-container
+        width 720px
+
+@media (max-width: 1200px)
+    html
+        font-size 18px
+    .flex-container
+        width 640px
+
+@media (max-width: 688px)
+    html
+        font-size 16px
+    
+    .flex-container
+        display block
+        width calc(100% - 32px)
+        padding-left 16px
+        padding-right 16px