Fix centering of the text in the footer and adjust its size a bit for mobile

Author: eyalroth

src/components/Footer/style.scss

@@ -5,30 +5,29 @@
     background-color: #F8F8F8;
     border-top: 1px solid #E7E7E7;
     padding-top: 10px;
-    padding-bottom: 30px;
-    left: 0;
+    padding-bottom: 25px;
     bottom: 0;
     height: 30px;
     width: 100%;
     position: absolute;
-    display: flex;
-    justify-content: center;
-
+    
     &__center {
+        font-size: 0.9rem;
         text-align: center;
-        width: 80vw;
     }
 
     &__right {
-        position: relative;
-        padding-top: 13px;
+        position: absolute;
+        bottom: 20px;
+        right: 5vw;
     }
 
     &__links {
         font-size: 0.8rem;
     }
-
+    
     &__feed {
+        font-size: 0.9rem;
         & i {
             color: lighten($color-base, 30%);
         }
@@ -41,18 +40,16 @@
     }
 }
 
-@include breakpoint-sm {
+@include breakpoint-md {
     .footer {
+        padding-bottom: 30px;
+
         &__center {
-            width: 90vw;
+            font-size: 1rem;
         }
-    }
-}
 
-@include breakpoint-md {
-    .footer {
-        &__center {
-            width: 95vw;
+        &__right {
+            right: 2vw;
         }
     }
 }