diff --git a/src/web/static/styles/index.css b/src/web/static/styles/index.css
index 5e8fd46..fdbe926 100644
--- a/src/web/static/styles/index.css
+++ b/src/web/static/styles/index.css
@@ -84,27 +84,13 @@ body {
 }
 
 
-.footer-wrapper {
-      position: relative;
-  min-height: 100%;
-}
-
-footer {
-    flex: 0 0 auto;
-    width: 100%;
-    background: rgba(0, 0, 0, 0.39);
-    position: absolute;
-    left: 0;
-    bottom: 0;
-}
-
 
 footer p{
     word-wrap: break-word;
     text-align: center;
 }
 
-footer a:visited {
+footer a {
     color: white
 }
 
@@ -114,6 +100,22 @@ footer a:visited {
     }
 }
 
+@media (max-width: 768px) {
+    .footer-wrapper {
+        position: relative;
+        min-height: 100%;
+    }
+
+    footer {
+        flex: 0 0 auto;
+        width: 100%;
+        background: rgba(0, 0, 0, 0.39);
+        position: absolute;
+        left: 0;
+        bottom: 0;
+    }
+}
+
 @media (min-width: 1200px) {
     .desc {
         font-size: 24px;
@@ -125,12 +127,8 @@ footer a:visited {
         gap: 200px;
     }
 
-     .footer-wrapper {
-          position: relative;
-          min-height: 100%;
-    }
-
     footer {
+        flex: 0 0 auto;
         width: 100%;
         background: rgba(0, 0, 0, 0.39);
         position: absolute;