diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index 9b3239c..1cf0b9d 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -28,6 +28,14 @@ $font-color: #a2aa94;
     display: flex;
     flex-direction: column;
   }
+
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex-direction: column;
+  }
+
+  @media (min-width: 1200px) and (max-width: 1920px) {
+    flex-direction: row;
+  }
 }
 
 /* Left Container */
@@ -50,27 +58,37 @@ $font-color: #a2aa94;
 
   @media (max-width: 1200px) {
     flex: 0 0 60%;
-    padding: 160px 0px 0px 40px; /* top, right, bottom, left */
+    padding: 160px 0px 0px 40px;
   }
 
   @media (max-width: 992px) {
     flex: 0 0 60%;
-    padding: 210px 0px 0px 40px; /* top, right, bottom, left */
+    padding: 210px 0px 0px 40px;
   }
 
   @media (max-width: 430px) {
     flex: 0 0 50%;
-    padding: 60px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 60px 40px 0px 40px;
+  }
+
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex: 0 0 50%;
+    padding: 60px 40px 0px 40px;
   }
 
   @media (max-width: 414px) {
     flex: 0 0 50%;
-    padding: 30px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 30px 40px 0px 40px;
   }
 
   @media (max-width: 375px) {
     flex: 0 0 55%;
-    padding: 20px 40px 0px 40px; /* top, right, bottom, left */
+    padding: 20px 40px 0px 40px;
+  }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    flex: 0 0 55%;
+    padding: 160px 60px 0px 60px;
   }
 }
 
@@ -105,6 +123,12 @@ $font-color: #a2aa94;
     margin-top: -210px;
   }
 
+  @media (min-width: 430px) and (max-width: 600px) {
+    flex: 0 0 50%;
+    margin-left: 10px;
+    margin-top: -210px;
+  }
+
   @media (max-width: 390px) {
     flex: 0 0 50%;
     margin-left: 10px;
@@ -127,6 +151,12 @@ $font-color: #a2aa94;
     margin-left: 10px;
     margin-top: -350px;
   }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    flex: 0 0 45%;
+    margin-left: -35px;
+    margin-top: -200px;
+  }
 }
 
 /* Text Styling */
@@ -165,6 +195,10 @@ $font-color: #a2aa94;
 h1 {
   font-size: 8em;
   margin-bottom: -0.3em;
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    font-size: 6em;
+  }
 }
 
 p {
@@ -176,6 +210,10 @@ p {
   @media (max-width: 768px) {
     font-size: 1.5em;
   }
+
+  @media (min-width: 1200px) and (max-width: 1800px) {
+    font-size: 2em;
+  }
 }
 
 @media (max-width: 768px) {
@@ -198,7 +236,7 @@ p {
 
 @media (max-width: 992px) {
   h1 {
-    font-size: 4.5em;
+    font-size: 4.3em;
     margin-bottom: -0.2em;
   }
 
@@ -209,7 +247,18 @@ p {
 
 @media (max-width: 430px) {
   h1 {
-    font-size: 3.2em;
+    font-size: 3.1em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 1.3em;
+  }
+}
+
+@media (min-width: 430px) and (max-width: 600px) {
+  h1 {
+    font-size: 3.3em;
     margin-bottom: -0.2em;
   }
 
@@ -231,7 +280,7 @@ p {
 
 @media (max-width: 414px) {
   h1 {
-    font-size: 2.9em;
+    font-size: 2.8em;
     margin-bottom: -0.2em;
   }
 
@@ -242,7 +291,7 @@ p {
 
 @media (max-width: 375px) {
   h1 {
-    font-size: 2.7em;
+    font-size: 2.6em;
     margin-bottom: -0.2em;
   }
 
diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index 200c4fb..f9f9745 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -92,7 +92,9 @@ a {
   position: relative;
   color: #fff;
   min-height: 200px;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transition:
+    transform 0.3s ease,
+    box-shadow 0.3s ease;
 
   &:hover {
     transform: scale(1.05);
@@ -176,7 +178,9 @@ a {
   color: #fff;
   text-decoration: none;
   border-radius: 5px;
-  transition: background-color 0.3s, transform 0.3s;
+  transition:
+    background-color 0.3s,
+    transform 0.3s;
 
   svg {
     margin-right: 5px;