1 files changed, 17 insertions, 4 deletions
diff --git a/studio-susie/public/assets/css/css.css b/studio-susie/public/assets/css/css.css
index 4af1a9a..353f3cd 100644
--- a/studio-susie/public/assets/css/css.css
+++ b/studio-susie/public/assets/css/css.css
@@ -35,7 +35,7 @@ h1, h2 {
   background-repeat: no-repeat;
   background-position: center center;
 }
-.mobile .section.contain {
+.mobile .section {
   background-size: contain;
 }
 
@@ -44,7 +44,7 @@ h1, h2 {
   top: 10px;
   left: 10px;
   z-index: 2;
-  background: rgba(255,255,255,0.8);
+  background: rgba(255,255,255,0.9);
   padding: 20px;
 }
 #nav b {
@@ -168,12 +168,12 @@ h1, h2 {
     -webkit-overflow-scrolling: touch;
     overflow-y: scroll;
     width: 100vw;
-    height: 100vw;
+    height: 100vh;
     text-align: center;
     opacity: 0;
     transition: opacity 600ms;
     pointer-events: none;
-    padding: 10vw 10vw 40vw 10vw;
+    padding: 10vw 10vw 20vw 10vw;
 }
 
 .listopen #list {
@@ -236,4 +236,17 @@ h1, h2 {
 }
 
 @media (max-width: 700px) {
+    body,
+    #nav b {
+      font-size: 14px;
+    }
+    #mobile-nav {
+        top: auto;
+        bottom: 10px; left: 10px;
+    }
+    #close {
+      top: 20px; right: 20px;
+      width: 40px;
+      height: 40px;
+    }
 }