diff --git a/index.html b/index.html
index d232472..9ade6ef 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,16 @@
     z-index: 0;
   }
   .container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
+  /* Mobile portrait only: keep the name above the skyline, small screens */
+  @media (max-width: 767px) {
+    body {
+      background-position: 50% 20%;
+      background-attachment: scroll;
+    }
+    .container { margin-top: 15vh; }
+    h1 { font-size: 2.1rem; }
+    p { font-size: 1.1rem; }
+  }
   h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); }
   p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
 </style>