diff --git a/src/Components/Home/Hero/Hero.scss b/src/Components/Home/Hero/Hero.scss
index c31555f..3c5632a 100644
--- a/src/Components/Home/Hero/Hero.scss
+++ b/src/Components/Home/Hero/Hero.scss
@@ -19,6 +19,10 @@ $font-color: #a2aa94;
   @media (min-width: 768px) {
     flex-direction: row;
   }
+
+  @media (max-width: 1200px) {
+    flex-direction: row;
+  }
 }
 
 /* Left Container */
@@ -27,7 +31,7 @@ $font-color: #a2aa94;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  padding: 160px 40px 60px 40px; /* top, right, bottom, left */
+  padding: 160px 40px 0px 40px; /* top, right, bottom, left */
 
   @media (min-width: 768px) {
     flex: 0 0 45%;
@@ -38,6 +42,16 @@ $font-color: #a2aa94;
     padding-left: 40px;
     padding-top: 15px;
   }
+
+  @media (max-width: 1200px) {
+    flex: 0 0 60%;
+    padding: 160px 0px 0px 40px; /* top, right, bottom, left */
+  }
+
+  @media (max-width: 992px){
+    flex: 0 0 60%;
+    padding: 210px 0px 0px 40px; /* top, right, bottom, left */
+  }
 }
 
 /* Right Container */
@@ -48,7 +62,7 @@ $font-color: #a2aa94;
   justify-content: center;
   align-items: center;
   overflow: hidden;
-  margin-top: -110px;
+  margin-top: -180px;
 
   @media (min-width: 768px) {
     flex: 0 0 55%;
@@ -58,6 +72,12 @@ $font-color: #a2aa94;
   @media (max-width: 768px) {
     flex: 0 0 75%;
   }
+
+  @media (max-width: 1200px) {
+    flex: 0 0 50%;
+    margin-left: -100px;
+    margin-top: -190px;
+  }
 }
 
 /* Text Styling */
@@ -115,3 +135,25 @@ p {
     margin-bottom: -0.1em;
   }
 }
+
+@media (max-width: 1200px) {
+  h1 {
+    font-size: 6em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 2em;
+  }
+}
+
+@media (max-width: 992px) {
+  h1 {
+    font-size: 4.5em;
+    margin-bottom: -0.2em;
+  }
+
+  p {
+    font-size: 1.5em;
+  }
+}
diff --git a/src/Components/Navbar.scss b/src/Components/Navbar.scss
index fba4833..cb8b3a7 100644
--- a/src/Components/Navbar.scss
+++ b/src/Components/Navbar.scss
@@ -55,6 +55,10 @@ $hamburger-size: 32px;
     margin-top: 15px;
     margin-right: auto;
   }
+
+  @media (max-width: 1200px) {
+    margin-right: 2em;
+  }
 }
 
 /* Nav Links (items) */
diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss
index 99e6251..18b2dcc 100644
--- a/src/Components/Projects/Projects.scss
+++ b/src/Components/Projects/Projects.scss
@@ -25,6 +25,14 @@ a {
   @media (min-width: 768px) {
     padding: 0px 40px;
   }
+
+  @media (max-width: 1200px) {
+    margin-left: -120px;
+  }
+
+  @media (max-width: 992px) {
+    margin-left: -100px;
+  }
 }
 .ProjectsTitle {
   font-size: 2.8em;
@@ -100,6 +108,11 @@ a {
     background-size: cover;
     min-height: 200px;
   }
+
+  @media (max-width: 1200px) {
+    width: 45em;
+    height: 25em;
+  }
 }
 
 .ProjectContent {