diff --git a/index.html b/index.html
index 4ca14f8..6eab8ff 100644
--- a/index.html
+++ b/index.html
@@ -202,24 +202,25 @@
       </div>
 
       <main>
-        <div class="height-100vh"></div>
-        <div class="front-cover">
-          <img id="backdrop" style="transition: background 0.5s ease-in; background: url(media/activities/024-mask-distribution/05.jpg)"/>
-          <div class="backdrop-text">
-            First Human Rights Foundation
-            <br />
-            <br />
-            <span style="font-size: 18px"
-              >Everyone's right is our mission!</span
-            >
-            <br />
-            <br />
-            <br />
-            <span style="font-size: 14px">Registered With Central Government of India (Reg-No.166151/16)</span>
+        <div class="wrapper-cover min-30">
+          <div class="front-cover">
+            <img id="backdrop" style="transition: background 0.5s ease-in; background: url(media/activities/024-mask-distribution/05.jpg)"/>
+            <div class="backdrop-text">
+              First Human Rights Foundation
+              <br />
+              <br />
+              <span style="font-size: 18px"
+                >Everyone's right is our mission!</span
+              >
+              <br />
+              <br />
+              <br />
+              <span style="font-size: 14px">Registered With Central Government of India (Reg-No.166151/16)</span>
+            </div>
           </div>
         </div>
-
-        <div class="row info-cards">
+        
+        <div class="row info-cards min-30">
           <div class="container">
             <div class="card">
               <a href="/about.html">
diff --git a/styles/config.css b/styles/config.css
index b893376..fe8d4c5 100644
--- a/styles/config.css
+++ b/styles/config.css
@@ -58,7 +58,6 @@ body {
 
 /* INFO CARDS */
 .info-cards {
-  margin-top: 40px;
   background-color: #ffd000;
 }
 
@@ -87,9 +86,9 @@ body {
 
   padding: 50px 0;
 
-  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
+  /* -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
-  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); */
 }
 
 .info-cards .card a {
@@ -98,7 +97,7 @@ body {
 
 .info-cards .card i {
   font-size: 54px;
-  color: grey;
+  color:#1da1f2;
 
   margin-bottom: 16px;
 }
@@ -114,9 +113,24 @@ body {
   text-decoration: none;
 }
 
+.wrapper-cover{
+  height: 100vh;
+  position: relative;
+}
+
+.min-30{
+  margin-left: -30px;
+  margin-right: -30px;
+}
+
 @media only screen and (max-width: 768px) {
+  .min-30{
+    margin-left: -16px;
+    margin-right: -16px;
+  }
   .info-cards .card {
     width: 100%;
+    margin-bottom: 20px;
   }
 }
 
@@ -125,7 +139,7 @@ body {
   display: none;
 
   z-index: 99;
-  position: sticky;
+  position: fixed;
 
   align-items: center;
   justify-content: center;
@@ -289,6 +303,10 @@ body {
 
 /* FOOTER */
 
+footer {
+  padding-bottom: 20px;
+}
+
 footer .fab {
   font-size: 24px;
 }