diff --git a/output/theme/css/main-v2.css b/output/theme/css/main-v2.css
index c4b8eee..a4fdcdd 100755
--- a/output/theme/css/main-v2.css
+++ b/output/theme/css/main-v2.css
@@ -128,6 +128,7 @@ p a {
 .article-title {
     font-family: solidemirage;
     font-size: 50px;
+    max-width: 100%;
 }
 
 .article-author {
@@ -150,6 +151,7 @@ p a {
     font-size: 1.3em;
     text-align: left;
     font-family: mplus-regular;
+    max-width: 100%;
 }
 
 .article-img img{
@@ -244,7 +246,7 @@ blockquote{
 }
 
 /* responsive instructions */
-@media only screen and (max-width:632px) {
+@media only screen and (max-width:1000px) {
     header > a > h1{
         font-size: 2em;
     }
@@ -252,14 +254,20 @@ blockquote{
     header {
         width: 80%;
         position: absolute;
+        height: auto;
+    }
+
+    .content {
+        margin-top: 150px;
     }
 
     .vignette > h2{
         font-size: 1.5em;
     }
     .article-title {
-        font-size: 2em;
+        font-size: 1.5em;
         line-height: 1.5em;
+        word-break: break-all;
     }
     .article {
         display: block;
@@ -278,13 +286,11 @@ blockquote{
     footer {
         position: relative;
         width: 80%;
-        display: block;
         text-align: center;
     }
 
     footer > a {
         position : unset;
-        display: unset;
         margin-top : 10px;
     }
 }
\ 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 c4b8eee..024548e 100755
--- a/themes/felicie/static/css/main-v2.css
+++ b/themes/felicie/static/css/main-v2.css
@@ -28,8 +28,8 @@ header{
 
     position: fixed;
     height: 100px;
-    background-color: white; 
-    z-index: 15; 
+    background-color: white;
+    z-index: 15;
 
     display: flex;
     flex-direction: column;
@@ -38,8 +38,8 @@ header{
     border: 3px solid #00FF00;
     border-radius: 10px;
 
-    margin: 5px; 
-    top: 0px; 
+    margin: 5px;
+    top: 0px;
 }
 
 #articles {
@@ -116,8 +116,8 @@ footer > a{
 }
 
 a {
-    color: black; 
-    text-decoration: unset;  
+    color: black;
+    text-decoration: unset;
 }
 
 /* only underline anchors inside content text */
@@ -128,6 +128,7 @@ p a {
 .article-title {
     font-family: solidemirage;
     font-size: 50px;
+    max-width: 100%;
 }
 
 .article-author {
@@ -150,6 +151,7 @@ p a {
     font-size: 1.3em;
     text-align: left;
     font-family: mplus-regular;
+    max-width: 100%;
 }
 
 .article-img img{
@@ -163,7 +165,7 @@ p a {
 }
 
 .column {
-    float: left; 
+    float: left;
     width: 43%;
 }
 
@@ -193,7 +195,7 @@ p a {
     position: absolute;
     left: 0;
     top: 0;
-    overflow: hidden; 
+    overflow: hidden;
     background-color: #000000;
     text-align: center;
     padding-top: 100px;
@@ -218,12 +220,12 @@ p a {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     width: 20px;
-    height:20px; 
+    height:20px;
     margin-left: 95%;
 }
 
 #close-modal a{
-    color: white; 
+    color: white;
 }
 
 #close-modal:hover {
@@ -244,22 +246,28 @@ blockquote{
 }
 
 /* responsive instructions */
-@media only screen and (max-width:632px) {
+@media only screen and (max-width:1000px) {
     header > a > h1{
         font-size: 2em;
     }
-    
+
     header {
         width: 80%;
         position: absolute;
+        height: auto;
+    }
+
+    .content {
+        margin-top: 150px;
     }
 
     .vignette > h2{
         font-size: 1.5em;
     }
     .article-title {
-        font-size: 2em;
+        font-size: 1.5em;
         line-height: 1.5em;
+        word-break: break-all;
     }
     .article {
         display: block;
@@ -278,13 +286,11 @@ blockquote{
     footer {
         position: relative;
         width: 80%;
-        display: block;
         text-align: center;
     }
 
     footer > a {
         position : unset;
-        display: unset;
         margin-top : 10px;
     }
 }
\ No newline at end of file