Fixed some responsive bugs

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;
+  }
+}

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 {