Merge remote-tracking branch 'origin/feature/responsive-fontsize' into 37c3

style.css

@@ -60,7 +60,7 @@ td.drawn.bingo:hover {
 
 img#center-field-image {
     max-height: calc(100vh / 6);
-    max-width: calc(100vh / 6);
+    max-width: calc(100vw / 6);
 }
 
 p#seeed {
@@ -126,3 +126,15 @@ div#winner-message.won {
         opacity: 0;
     }
 }
+
+@media screen and (max-width: 767px) and (orientation: portrait){
+    td {
+        font-size: large;
+    }
+}
+
+@media screen and (max-width: 576px) and (orientation: portrait){
+    td {
+        font-size: unset;
+    }
+}