footer styling adjustment to follow main layout

vue-theme/src/components/footer.vue

 @import '../sss/variables.sss'
 
 .footer-wrapper
-    > footer
-        width: $max-width
+    background-color: green
+    width: 100%
+    footer
         background-color: $cia_red
-        padding: 2em 2em 3em // top leftright bottom 
+        max-width: $max-width
+        width: 90%
+        padding: $ms 0
+        align-items: flex-start
 
         // ALL <ul> tags
         ul
+            background-color: grey
             list-style: none
 
         // OUTER <ul> tags
         > ul
-            padding: 0 0 1em 
-            &.f-row
-                align-items: start
+            padding: 0 0 1em
+            background-color: lightgrey 
+            /* &.f-row
+                align-items: start */
             > li
                 padding: 0 0.5em 0 0
                 h5
                     color: $cia_white
 
     .sub-footer
-        width: $max-width
+        width: 100%
         background-color: $cia_black
         padding: 0.5em
         text-align: center