footer layout changed

added -width to footer and .sub-footer, removed border-style

vue-theme/src/components/footer.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-.footer-wrapper.f-col.t-up.t-sans
+.footer-wrapper.f-col.between.t-up.t-sans
     footer.f-row
         //- address contact
         ul
@@ -100,9 +100,9 @@
 @import '../sss/variables.sss'
 
 footer
+    width: $max-width
     background-color: $cia_red
     border-color: $cia_white
-    border-style: dotted
     padding: 2em 2em 3em // top leftright bottom 
     overflow: hidden
     flex-direction: column
@@ -123,12 +123,14 @@ footer
 .sub-footer
     width: $max-width
     background-color: $cia_black
+    border-color: $cia_white
     padding: 0.5em
-    font-size: 0.8em
     ul
         list-style: none
-        p
-            text-align: center
-            color: $cia_grey
+        li
+            p
+                font-size: 0.8em
+                text-align: center
+                color: $cia_grey
 
 </style>