diff --git a/public/css/styles.css b/public/css/styles.css
index 2fad872..c0df476 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -432,3 +432,10 @@ body {
 @media (max-width: 200px) {
   body {
     font-size: 20px; } }
+
+@media (max-height: 400px) {
+  body div.carousel {
+    height: 120px;
+    top: calc(100% - 120px); }
+  div.page-contents {
+    height: calc(100% - 60px - 120px); } }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 2ab9d8f..5a16056 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -679,3 +679,15 @@ body {
         font-size: 20px;
     }
 }
+
+@media (max-height: 400px) {
+    body {
+        div.carousel {
+            height: 120px;
+            top: calc(100% - 120px);
+        }
+    }
+    div.page-contents {
+        height: calc(100% - 60px - 120px);
+    }
+}