diff --git a/index.css b/index.css
index 9e11917a..d8a90394 100644
--- a/index.css
+++ b/index.css
@@ -9,6 +9,7 @@ body {
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
+  z-index: 1;
 }
 
 .icon-bar a {
@@ -18,6 +19,7 @@ body {
   transition: all 0.3s ease;
   color: white;
   font-size: 20px;
+  
 }
 
 .icon-bar a:hover {
@@ -75,5 +77,21 @@ body {
   color: #37517e;
   background-color: white;
 }
+@media only screen and (max-width: 360px) {
+  
+a.linka{
+  font-size: 10px;
+} 
+}
+@media only screen and (max-width: 330px) {
 
+  a.linka {
+    display: none;
+  }
+}
+@media only screen and (min-width: 361px) {
 
+  a.linka {
+    font-size: 12px;
+  }
+}
diff --git a/index.html b/index.html
index 94ee4f73..426c3be9 100644
--- a/index.html
+++ b/index.html
@@ -120,7 +120,7 @@ <h2>About Us</h2>
 
 
                         </p>
-                        <a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1" target="_blank">Learn Web Development❤️</a>
+                        <a href="https://www.youtube.com/watch?v=YCbCGuq_NWE&amp;list=PLSH9gf0XETou_b8C3SJm8rk69Z41eUgbQ&amp;index=1" target="_blank" class="linka">Learn Web Development❤️</a>
                     </div>
                     <div class="dualSectionImg">
                         <img src="./assets/Images/shortAbout.svg" alt="About Illustration">