1 files changed, 45 insertions, 0 deletions
diff --git a/frontend/site/projects/museum/views/mobile.css b/frontend/site/projects/museum/views/mobile.css
index c9574ee..688fa2a 100644
--- a/frontend/site/projects/museum/views/mobile.css
+++ b/frontend/site/projects/museum/views/mobile.css
@@ -1,4 +1,14 @@
 @media only screen and (max-device-height: 500px) {
+  /* site container */
+  .container {
+    height: 100vh;
+    width: 100vw;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  
   /* main nav */
   .page .home-link,
   .museum-nav .home-link {
@@ -59,6 +69,41 @@
   .page-artists .artist-location {
     bottom: 0.5rem;
   }
+  .page-artists .artist-left {
+    width: 100vw;
+    padding-left: 5rem;
+    padding-right: 5rem;
+    font-size: 1.1rem;
+    line-height: 1.4;
+  }
+  .page-artists .artist-right {
+    width: 100vw;
+    left: 0;
+    opacity: 0.25;
+  }
+  .page-artists .artist-location {
+    bottom: 0;
+    background: #111111;
+    padding: 0.75rem;
+    margin: 0;
+  }
+
+  /* essay */
+  .page-essay .page-content {
+    width: 100vw;
+    padding: 0 5rem;
+    margin: 0;
+  }
+  .page-essay.page-artists .artist-location {
+    bottom: 0;
+    padding: 0.75rem 0;
+  }
+  .page-essay p {
+    font-size: 1.1rem;
+  }
+  .page-essay.page-artists .page-title {
+    margin: 1rem 0;
+  }
 
   /* charles */
   .charles-text {