last minute mobile fixes

1 files changed, 9 insertions, 4 deletions

diff --git a/frontend/site/projects/museum/views/mobile.css b/frontend/site/projects/museum/views/mobile.css
index ca1776b..a6c61e6 100644
--- a/frontend/site/projects/museum/views/mobile.css
+++ b/frontend/site/projects/museum/views/mobile.css
@@ -24,11 +24,16 @@
   text-shadow: 0 0 5px rgba(255, 120, 13, 1.0);
 }
 
-@media only screen and (max-device-height: 500px) {
+@media only screen and (max-height: 500px) {
   /* site container */
+  .app {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+  }
   .container {
-    height: 100vh;
-    width: 100vw;
+    height: 100%;
+    width: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
@@ -173,7 +178,7 @@
   /* charles */
   .charles-text {
     width: 90vw;
-    font-size: 0.8rem;
+    font-size: 0.4rem;
   }
   .chapter-headphones {
     font-size: 0.8rem;