footer layout

cleaned up styling and specificity

vue-theme/src/components/footer.vue

                             router-link(to="mailto:info@craftinamerica.org") info@craftinamerica.org
         //- menu links
         ul.f-row
-
             li
                 h5
                     router-link(to="/episodes") PBS Series
                         li
                             a(href="https://twitter.com/CraftinAmerica") Twitter
                         li
-                            a(href="http://eepurl.com/hpwhn5") Join email list
+                            a(href="") Join email list
     .sub-footer
         p Craft in America © 2010–2021
 
 <style lang="postcss">
 @import '../sss/variables.sss'
 
-footer
-    width: $max-width
-    background-color: $cia_red
-    border-color: $cia_white
-    padding: 2em 2em 3em // top leftright bottom 
-    overflow: hidden
-    flex-direction: column
-    ul
-        list-style: none
-        align-content: flex-start
-        vertical-align: top
-        flex-direction: column
-        margin: 0 0 1em 
-        li
-            padding: 0 0.5em 0
-            margin: 0
-            h5
-                color: $cia_white
-            a
-                color: $cia_white
-
-.sub-footer
-    width: $max-width
-    background-color: $cia_black
-    padding: 0.5em
-    text-align: center
-    p
-        font-size: 0.8em
-        color: $cia_grey
+.footer-wrapper
+    > footer
+        width: $max-width
+        background-color: $cia_red
+        padding: 2em 2em 3em // top leftright bottom
+        ul
+            list-style: none
+            margin: 0 0 1em 
+            li
+                top: 0
+                padding: 0 0.5em 0
+                margin: 0
+                h5
+                    color: $cia_white
+                a
+                    color: $cia_white
 
+    .sub-footer
+        width: $max-width
+        background-color: $cia_black
+        padding: 0.5em
+        text-align: center
+        p
+            font-size: 0.8em
+            color: $cia_grey
 </style>