diff --git a/PanTS-Demo/src/pages/LandingPage.module.css b/PanTS-Demo/src/pages/LandingPage.module.css
index b7a3597..96a48df 100644
--- a/PanTS-Demo/src/pages/LandingPage.module.css
+++ b/PanTS-Demo/src/pages/LandingPage.module.css
@@ -230,3 +230,28 @@
   .btnPrimary, .btnSecondary { width: 100%; }
   .navSpacer { display: none; }
 }
+
+
+@media (max-width: 720px) {
+  .nav {
+    padding: 12px 16px;
+    flex-wrap: wrap;
+    gap: 12px;
+  }
+  .tabBar {
+    width: 100%;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .tabPill {
+    padding: 8px 16px;
+    font-size: 11px;
+  }
+  .hero {
+    padding-bottom: 60px;
+  }
+  .heroSubtitle {
+    margin-top: 16px;
+  }
+}