diff --git a/assets/css/responsiveness.css b/assets/css/responsiveness.css
index d482476..fba2f03 100644
--- a/assets/css/responsiveness.css
+++ b/assets/css/responsiveness.css
@@ -128,6 +128,32 @@
     .upper_part {
         padding-bottom: 12px;
     }
+
+    
+
+    .social_medias{
+        padding-top: 20px;
+        gap: 20px;
+    }
+
+    .imgWrapper{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .imgWrapper i {
+        margin-right: 0px;
+    }
+}
+
+@media only screen and (min-width: 400px) and (max-width: 440px) {
+    .socialmediaName{
+        font-size: 10px;
+    }
+    .social_medias{
+        gap: 20px;
+    }
 }
 
 @media only screen and (min-width: 300px) and (max-width: 399px) {
@@ -176,7 +202,6 @@
         font-family: "Poppins", sans-serif;
         width: 100%;
         padding: 0.5rem 2rem;
-
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -190,6 +215,25 @@
         /* gap: 3rem; */
         width: 100%;
     }
+
+    .socialmediaName{
+        font-size: 10px;
+    }
+
+    .social_medias{
+        padding-top: 20px;
+        gap: 15px;
+    }
+
+    .imgWrapper{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .imgWrapper i {
+        margin-right: 0px;
+    }
 }
 
 @media only screen and (min-width: 250px) and (max-width: 299px) {
@@ -256,6 +300,7 @@
         /* gap: 3rem; */
         width: 100%;
     }
+    
 }
 
 .MenuBar {
diff --git a/assets/css/style.css b/assets/css/style.css
index f36e443..d85eb2e 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -733,7 +733,7 @@ nav .nav_buttons {
 }
 
 .footer-line {
-  width: 90%;
+  width: 100%;
   height: 1px;
   background-color: grey;
   text-align: center;