diff --git a/public/css/components.css b/public/css/components.css
index 2d8b8a8..c2e9efe 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -108,4 +108,13 @@ main {
         grid-template-rows: 60% 40%;
         height: 100%;
     }
+
+    #spielanleitung {
+        font-size: 5em;
+    }
+
+    #modal_header {
+        font-size: 3em;
+        text-align: center;
+    }
 }
\ No newline at end of file
diff --git a/public/css/header.css b/public/css/header.css
index e034e2e..e746474 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -47,11 +47,12 @@ header {
 
 @media only screen and (max-width: 980px) {
     header {
-        height: 3em;
+        height: 5em;
+        
     }
 
     .title {
-        font-size: 2em;
+        font-size: 3em;
     }
 
     .build {
diff --git a/public/css/index.css b/public/css/index.css
index 2a6dae7..0f9cc24 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -52,4 +52,23 @@
 #login button {
     background-color: #0062ff;
     color: #ffffff;
+}
+
+@media only screen and (max-width: 980px) {
+
+    #login {
+        align-items: flex-start;
+    }
+
+    #login label {
+        font-size: 2.5em;
+
+    }
+
+    #login input, #login button {
+        height: 4.0em;
+        font-size: 2.5em;
+
+    }
+
 }
\ No newline at end of file