diff --git a/src/Components/About/About.css b/src/Components/About/About.css
index 48a63b9..a88540a 100644
--- a/src/Components/About/About.css
+++ b/src/Components/About/About.css
@@ -116,3 +116,34 @@
     transform: translateY(0);
   }
 }
+
+
+@media (max-width:1024px) {
+  .about-section{
+    padding: 10px;
+  }
+
+  .about-section h3 {
+    font-size: 1.3rem;
+  }
+
+  .about-section p{
+    font-size: 0.8rem;
+  }  
+}
+
+@media (max-width:500px) {
+  .about-section{
+    flex: 1 1 90%;
+  }
+
+  .about-section h3{
+    font-size: 1.8rem;
+  }
+
+  .about-section p{
+    font-size: 1rem;
+  }
+  
+}
+
diff --git a/src/index.css b/src/index.css
index 5ae5ab2..2fc1e1d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -105,6 +105,14 @@ nav1:hover {
   color: #fff;
 } */
 
+@media (max-width:1024px) {
+  .container{
+    padding-left: 5%;
+    padding-right: 5%;
+  }
+  
+}
+
 
 
 @media(max-width: 1200px) {