adjust font size

tournaments/static/tournaments/css/style.css

@@ -18,7 +18,7 @@ body {
     background: #fff7ed;
 
     font-family: "Montserrat-Regular";
-    font-size: 16px;
+    font-size: 1em;
 
     /* color: #1b223a; */
     color: #707070;
@@ -26,7 +26,7 @@ body {
     box-sizing: border-box;
     height: 100%;
     padding: 0;
-    margin: 0;
+    margin: 0px;
 }
 
 label {
@@ -34,7 +34,7 @@ label {
 }
 
 h1 {
-    font-size: 20px;
+    font-size: 1.5em;
     margin: 0px;
     line-height: 1.1;
 }
@@ -45,7 +45,7 @@ footer {
 }
 
 header {
-    font-size: 20px;
+    font-size: 1.5em;
 }
 
 a {
@@ -106,11 +106,11 @@ table {
 }
 
 .score-table {
-    font-size: 18px;
+    font-size: 1.1em;
 }
 
 label {
-    font-size: 18px;
+    font-size: 1.1em;
 }
 
 td {
@@ -134,7 +134,7 @@ tr {
 }
 
 .big {
-    font-size: 20px;
+    font-size: 1.5em;
     font-weight: 600;
 }
 
@@ -144,19 +144,19 @@ tr {
 
 .matchtitle {
     font-family: "Anybody-ExtraBold";
-    font-size: 18px;
+    font-size: 1.2em;
     color: #1b223a;
 }
 
 .title {
     font-family: "Anybody-ExtraBold";
-    font-size: 18px;
+    font-size: 1.2em;
     color: #f39200;
 }
 
 .large {
     font-family: "Montserrat-SemiBold";
-    font-size: 18px;
+    font-size: 1.2em;
     /* color: #707070; */
 }
 .semibold {
@@ -170,17 +170,17 @@ tr {
 
 .info {
     font-family: "Montserrat-SemiBold";
-    font-size: 14px;
+    font-size: 0.9em;
     color: #707070;
 }
 
 .small {
-    font-size: 12px;
+    font-size: 0.8em;
 }
 
 .minor-info {
     color: #707070;
-    font-size: 14px;
+    font-size: 0.85em;
 }
 
 .logo {
@@ -233,7 +233,7 @@ tr {
 }
 
 .score {
-    font-size: 22px;
+    font-size: 1.4em;
     vertical-align: middle;
     text-align: center;
     padding: 0px 5px;
@@ -326,13 +326,13 @@ svg {
 
 .club {
     font-family: "Anybody-ExtraBold";
-    font-size: 24px;
+    font-size: 1.3em;
     color: #f39200;
 }
 
 .event {
     font-family: "Anybody-ExtraBold";
-    font-size: 48px;
+    font-size: 2em;
     color: #1b223a;
 }
 
@@ -345,7 +345,7 @@ svg {
 }
 
 .bubble-bottom {
-    font-size: 14px;
+    font-size: 0.9em;
 }
 
 .duration {
@@ -517,10 +517,18 @@ svg {
 }
 
 .table-row-4-colums {
+    display: grid;
+    grid-template-columns: 1px auto 50px 70px 100px; /* first column is a hack */
+    align-items: center; /* Vertically center the content within each column */
+    padding: 5px 0px;
+}
+@media print, screen and (min-width: 60em) {
+    .table-row-4-colums {
         display: grid;
         grid-template-columns: 1px auto 50px 70px 180px; /* first column is a hack */
         align-items: center; /* Vertically center the content within each column */
         padding: 5px 0px;
+    }
 }
 
 .table-row-5-colums {