diff --git a/output/theme/css/main-v2.css b/output/theme/css/main-v2.css
index 193df98..19e4e7b 100755
--- a/output/theme/css/main-v2.css
+++ b/output/theme/css/main-v2.css
@@ -255,4 +255,37 @@ blockquote{
     width: 80%;
     font-size: 18px;
     font-family: mplus-regular;
+}
+
+/* responsive instructions */
+@media only screen and (max-width:632px) {
+    header > a > h1{
+        font-size: 2em;
+    }
+    
+    header {
+        width: 80%;
+        position: absolute;
+    }
+
+    .vignette > h2{
+        font-size: 1.5em;
+    }
+    .article-title {
+        font-size: 2em;
+        line-height: 1.5em;
+    }
+    .article {
+        display: block;
+    }
+    .article-content {
+        display: block;
+    }
+    .article-img {
+        display: block;
+    }
+
+    .column {
+        width: 80%;
+    }
 }
\ No newline at end of file
diff --git a/themes/felicie/static/css/main-v2.css b/themes/felicie/static/css/main-v2.css
index 193df98..19e4e7b 100755
--- a/themes/felicie/static/css/main-v2.css
+++ b/themes/felicie/static/css/main-v2.css
@@ -255,4 +255,37 @@ blockquote{
     width: 80%;
     font-size: 18px;
     font-family: mplus-regular;
+}
+
+/* responsive instructions */
+@media only screen and (max-width:632px) {
+    header > a > h1{
+        font-size: 2em;
+    }
+    
+    header {
+        width: 80%;
+        position: absolute;
+    }
+
+    .vignette > h2{
+        font-size: 1.5em;
+    }
+    .article-title {
+        font-size: 2em;
+        line-height: 1.5em;
+    }
+    .article {
+        display: block;
+    }
+    .article-content {
+        display: block;
+    }
+    .article-img {
+        display: block;
+    }
+
+    .column {
+        width: 80%;
+    }
 }
\ No newline at end of file