diff --git a/css/styles.css b/css/styles.css
index fa8e71a..d7ab581 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -482,9 +482,15 @@ table, th, td {
     flex-direction: column;
     justify-content: center;
     text-align: center;
-    font-size: 24px;
+    font-size: 18px;
 }
 
+    @media only screen and (min-width: 540px) {
+        .message {
+            font-size: 24px;
+        }
+    }
+
 .pattern-box {
     display: flex;
     flex-direction: column;