From 6f821af7c29d5953093d102992631c836826ef25 Mon Sep 17 00:00:00 2001
From: janis <jahu04@outlook.com>
Date: Tue, 23 May 2023 08:52:57 +0200
Subject: [PATCH] fix styling for mobile devices

---
 newVersion/css/style.css | 62 ++++++++++++++++++++++++++++++++--------
 1 file changed, 50 insertions(+), 12 deletions(-)

diff --git a/newVersion/css/style.css b/newVersion/css/style.css
index 6e2e9f4..293e85a 100644
--- a/newVersion/css/style.css
+++ b/newVersion/css/style.css
@@ -57,25 +57,24 @@ body {
 /* 
     SIZES
 */
-
 .huge {
-    font-size: 500%;
-}
-
-.small-huge {
     font-size: 400%;
 }
 
+.small-huge {
+    font-size: 300%;
+}
+
 .biggest {
-    font-size: 325%;
+    font-size: 250%;
 }
 
 .bigger {
-    font-size: 200%;
+    font-size: 175%;
 }
 
 .medium-size {
-    font-size: 175%;
+    font-size: 150%;
 }
 
 .small-size {
@@ -90,6 +89,49 @@ body {
     font-size: 60%;
 }
 
+
+.half-width {
+    width: 50%;
+}
+
+@media only screen and (min-width: 1000px) {
+    .huge {
+        font-size: 500%;
+    }
+
+    .small-huge {
+        font-size: 400%;
+    }
+
+    .biggest {
+        font-size: 325%;
+    }
+
+    .bigger {
+        font-size: 200%;
+    }
+
+    .medium-size {
+        font-size: 175%;
+    }
+
+    .small-size {
+        font-size: 90%;
+    }
+
+    .smaller-size {
+        font-size: 75%;
+    }
+
+    .smallest-size {
+        font-size: 60%;
+    }
+
+    .half-width {
+        width: 70%;
+    }
+}
+
 .very-small {
     font-size: 30%;
     font-family: sans-serif;
@@ -102,8 +144,4 @@ body {
 
 .no-margin {
     margin: 0;
-}
-
-.half-width {
-    width: 50%;
 }
\ No newline at end of file