diff --git a/public/index.css b/public/index.css
index 1eeae9e..ddebedf 100644
--- a/public/index.css
+++ b/public/index.css
@@ -150,14 +150,46 @@ footer p {
   }
 }
 
-.bg-text {
-  font: bold 300px/310px Georgia, serif;
+/* Smartphones (portrait) ----------- */
+@media only screen 
+and (max-width : 1000px) {
+  /* Styles */
+  .bg-text {
+    font: bold 30vw Georgia, serif;
+    color: #100b0b;
+    opacity: 0.2;
+    /* background: yellow; */
+    position: absolute;
+    right: 0;
+    word-break: break-word;
+    user-select: none;
+    z-index: 1;
+    pointer-events: none;
+  }
+}
+
+/* iPads (landscape) ----------- */
+@media only screen and not (max-width : 1000px) {
+  /* Styles */
+  .bg-text {
+    font: bold 14vw Georgia, serif;
+    color: #100b0b;
+    opacity: 0.1;
+    position: absolute;
+    right: 0;
+    user-select: none;
+    pointer-events: none;
+    z-index: 1;
+  }
+}
+
+
+/* .bg-text {
+  font: bold 14vw Georgia, serif;
   color: #100b0b;
   opacity: 0.1;
-  /* background: yellow; */
   position: absolute;
   right: 0;
   user-select: none;
-  /* z-index: -1; */
   pointer-events: none;
-}
+} */
\ No newline at end of file