From 9150eda7d637e777991b2c7078e75af5ca66eb0b Mon Sep 17 00:00:00 2001
From: Givou <thiemo.tiziani@thiemoo.at>
Date: Sun, 13 Nov 2022 18:16:47 +0100
Subject: [PATCH] Fixed some responsive bugs

---
 css/mobile.css | 40 +++++++++++++++++++++++++++++++++-------
 css/style.css  |  5 +++--
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index 3c1b896..5fb965b 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -42,21 +42,21 @@
 	.status {
 		max-width: 80%;
 	}
-	
-	
+
+
 }
 
 @media only screen and (max-width: 457px) {
 	.status {
 		max-width: 75%;
 	}
-	
+
 	.status-text {
 		font-size: 0.8em;
 	}
 	.status-time {
 		margin-top: 2.5px;
-		font-size: 0.8em;	
+		font-size: 0.8em;
 	}
 }
 
@@ -130,11 +130,11 @@
 		margin-left: -60px;
 		margin-top: -130px;
 	}
-	
+
 	.timeline {
 		margin-top: 150px;
 	}
-	
+
 	.timeline-info {
 		position: absolute;
 		margin-left: -33px;
@@ -145,7 +145,7 @@
 		margin-left: -69px;
 		margin-top: -76px;
 	}
-	
+
 	.vertical {
 		grid-gap: 3px;
 		grid-template-columns: 33% 33% 33% 33% 33% 33% 33%;
@@ -193,3 +193,29 @@
 		margin: 2% auto;
 	}
 }
+
+/* COOKIE BANNER */
+
+@media screen and (max-width: 600px){
+  .cookies {
+    height: 160px;
+    padding-right: 0;
+  }
+
+  .cookies .text {
+    width: 80%;
+  }
+
+  .cookies .cogs {
+    position: absolute;
+    top: 27%;
+    left: 15px;
+    font-size: 2em;
+    color: white;
+  }
+
+  .cookies button {
+    right: 39%;
+    bottom: 10px;
+  }
+}
diff --git a/css/style.css b/css/style.css
index dc8ba6d..426abd3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -672,7 +672,7 @@ label::after {
 
 .cookies h1 {
   left: 0px;
-  font-size: 1vw;
+  font-size: 20px;
   color: white;
   margin-top: 25px;
 }
@@ -684,7 +684,8 @@ label::after {
 
 .cookies .text {
   position: absolute;
-  left: 5%;
+  left: 90px;
+  width: 65%;
 }
 
 .cookies button {