diff --git a/src/App.vue b/src/App.vue
index 1b52c3c..1d25ef2 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,19 +24,35 @@ export default {
 
 <style>
 footer{
-  flex-grow:1;
+position: absolute;
+bottom: 0;
+
+}
+header{
+display: flex;
+flex-direction: column;
+align-items:center;
+justify-content: center;
+
 }
 #app {
   display:flex;
   flex-direction: column;
-  min-height: 100vh;
+  min-height: 100%;
 }
 .col{
   display: flex;
   flex-direction: row;
 }
-
+@media only screen and (max-width: 460px) {
 footer{
+  display: flex;
+  flex-direction: row;
+  align-items:center;
+  justify-content: center;
+  flex-wrap: wrap;
 
+  }
 }
+
 </style>