diff --git a/public/css/style.scss b/public/css/style.scss
index e677348df..d492bf30d 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -797,7 +797,7 @@ a:hover {
 
 #centerContent {
   max-width: 1000px;
-  min-width: 500px;
+  // min-width: 500px;
   margin: 0 auto;
   display: grid;
   grid-auto-flow: row;
@@ -2777,6 +2777,29 @@ key {
   }
 }
 
+@media only screen and (max-width: 500px) {
+  #top{
+    .logo{
+      .bottom{
+        font-size: 1.75rem;
+        line-height: 1.75rem;
+        margin-top: .5rem;
+      }
+      .top{
+        display: none;
+      }
+    }
+    #menu{
+      .icon-button{
+        padding: 0;
+      }
+    }
+  }
+  #centerContent{
+    padding: 1rem;
+  }
+}
+
 .keymap {
   display: grid;
   grid-template-rows: 1fr 1fr 1fr;