diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 9acb439..8059d36 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -17,7 +17,21 @@ export default {
 #footerroot
 {
   background-color: black;
-  height: 759px;
+  width:100%;
+}
+
+@include media-breakpoint-between(xs, sm) {
+  #footerroot
+  {
+    height:806px;
+  }
+}
+
+@include media-breakpoint-between(md, xl) {
+  #footerroot
+  {
+    height: 759px;
+  }
 }
 
 @media screen {