diff --git a/src/App/App.css b/src/App/App.css
index 38686dd2f1ae8aed6192a26987ec2887e2d1095e..2eabbec6fcab28de5d76dd3d9e52caae0215bf9b 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -648,7 +648,12 @@ svg{
   }
 }
 /*For Smartphones*/
-@media screen and (max-width: 767px /*768*/){
+@media screen and (max-width: 768px ){
+  h1, h2, h3 {
+    font-size: 24px !important; /* Adjust according to your design */
+    line-height: 1.2 !important; 
+  }
+  
   svg text{
     font-size: 5vw;
     stroke-width:1px;
@@ -682,7 +687,7 @@ svg{
   }
 }
 /*Bigger than smartphones*/
-@media only screen and (min-width:992px/*768px*/) {
+@media only screen and (min-width:768px) {
   .col-1 {width: 8.33%;}
   .col-2 {width: 16.66%;}
   .col-3 {width: 25%;}
diff --git a/src/App/LoadingScreen.css b/src/App/LoadingScreen.css
index 84b966be3029c3cfb6cb30236b183df844b52553..760ec749ab8d4defd22ef898071f6b7a72765ae5 100644
--- a/src/App/LoadingScreen.css
+++ b/src/App/LoadingScreen.css
@@ -9,6 +9,7 @@
     justify-content: center;
     align-items: center;
     z-index: 9999;
+    animation: fadeInOut 5s forwards;
 }
 
 .custom-animation {
@@ -24,4 +25,17 @@
     50% {
         transform: scale(1.2);
     }
-}
\ No newline at end of file
+}
+
+@keyframes fadeInOut {
+        0% {
+            opacity: 1;
+        }
+        80% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 0;
+        }
+
+    }
\ No newline at end of file