From 1e6c954742ab5a2638a30f56cb956440dcdff8a7 Mon Sep 17 00:00:00 2001
From: Yannik Schmidt <yannik.schmidt@thermoscan.de>
Date: Tue, 15 Jun 2021 19:09:51 +0200
Subject: [PATCH] improve responsive sizes for titles

---
 static/site.css | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/static/site.css b/static/site.css
index 88ba482..8ca9612 100644
--- a/static/site.css
+++ b/static/site.css
@@ -7,22 +7,30 @@ body {
     overflow-x: hidden;
 }
 
+.flag{
+    height: 40px;
+    width: 70px;
+    background-repeat: round !important;
+    margin-left: 20px;
+    padding: 0 !important;
+}
+
 @media (max-width: 767px) {
     body {
         font-size: 25px;
     }
+    .flag{
+        margin-left: unset;
+    }
 }
 
 @media (max-width: 500px) {
     body {
         font-size: 5vw;
     }
-}
-
-.flag{
-    max-height: 100%;
-    max-width: 120%;
-    background-repeat: round !important;
+    h1{
+	font-size: 30px;
+    }
 }
 
 .title-responsive{
@@ -37,6 +45,12 @@ body {
     }
 }
 
+@media (max-width: 1300px) and (min-width: 766px){
+    h1{
+	font-size: 3.5vw;
+    }
+}
+
 @media (max-width: 900px) {
     .title-responsive{
         font-size: 2.2vw !important;
@@ -115,6 +129,13 @@ body {
     background: rgba(0,0,0,0.25) !important;
 }
 
+.force-fill{
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
 .wrapper {
   width: 100%;
   height: 100%;