reduce font size for smaller screens

tournaments/static/tournaments/css/style.css

@@ -28,6 +28,12 @@ body {
     margin: 0px 0px 100px 0px;
 }
 
+@media screen and (max-width: 40em) {
+    body {
+        font-size: 0.8em;
+    }
+}
+
 label {
     color: #707070;
     font-size: 1.1em;
@@ -196,7 +202,12 @@ tr {
 .large {
     font-family: "Montserrat-SemiBold";
     font-size: 1.2em;
-    /* color: #707070; */
+}
+
+@media screen and (max-width: 40em) {
+    .large {
+        font-size: 0.9em;
+    }
 }
 
 .semibold {