diff --git a/index.html b/index.html
index 7039cd7..850ef6e 100644
--- a/index.html
+++ b/index.html
@@ -99,6 +99,23 @@
         grid-column: 1/3;
     }
 
+    @media (max-width: 590px) {
+        #mainContainer #title {
+            margin: 20px;
+            text-align: center;
+        }
+        #mainContainer.title-span.title-span #titleContainer {
+            grid-column: 1;
+        }
+        #mainContainer {
+            grid-template-columns: auto;
+        }
+        #mainContainer #mediaColumn {
+            grid-row: 2;
+            grid-column: 1;
+        }
+    }
+
     /*** media column ***/
 
     #mediaColumn {
@@ -726,7 +743,7 @@
             document.getElementById('mainContainer').classList.remove('title-none', 'title-span');
             document.getElementById('mainContainer').classList.add('title-' + theme.titleStyle);
         }
-        if(theme.contentWidth)        document.getElementById('contentContainer').style.maxWidth = theme.contentWidth + 'px';
+        if(theme.contentWidth)        document.getElementById('contentContainer').style.width = theme.contentWidth + 'px';
         if(theme.nativePlayer){
             document.getElementById('audio').classList.add('native');
             mediaVideoEl.setAttribute('controls', '');