diff --git a/mapping.css b/mapping.css
index 9750833..9813294 100644
--- a/mapping.css
+++ b/mapping.css
@@ -39,3 +39,14 @@
 .leaflet-control-layers label {
   text-align: left;
 }
+
+@media screen and (max-width: 768px) {
+  .leaflet-popup-content {
+    font-size: 16px;
+    line-height: 1.6;
+  }
+
+  .leaflet-popup-content-wrapper {
+    max-width: 90vw;
+  }
+}