Updated styling and layout heirarchy for better responsive action

vue-theme/src/components/footer.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-.footer-wrapper.f-col.between.t-up.t-sans
+.footer-wrapper.f-col.between.t-up.t-sans.b-radius
     footer.f-row
         //- address contact
-        ul.f-col
+        ul
             li
                 h5 Craft in America
                     ul
@@ -14,23 +14,22 @@
                         li
                             router-link(to="mailto:info@craftinamerica.org") info@craftinamerica.org
                 //- mailing social links
-                ul
-                    li
-                        h5 Connect with Us
-                            ul.f-row
-                                li
-                                    a(href="https://www.facebook.com/CraftinAmerica") Facebook&nbsp;<br>
-                                li
-                                    a(href="http://www.youtube.com/user/craftinamerica") YouTube&nbsp;<br>
-                                li
-                                    a(href="http://www.instagram.com/craftinamerica") Instagram&nbsp;<br>
-                                li
-                                    a(href="https://twitter.com/CraftinAmerica") Twitter&nbsp;<br>
-                        h5
-                            a(href="") Join email list
+                h5 Connect with Us
+                    ul.f-row
+                        li
+                            a(href="https://www.facebook.com/CraftinAmerica") Facebook&nbsp;<br>
+                        li
+                            a(href="http://www.youtube.com/user/craftinamerica") YouTube&nbsp;<br>
+                        li
+                            a(href="http://www.instagram.com/craftinamerica") Instagram&nbsp;<br>
+                        li
+                            a(href="https://twitter.com/CraftinAmerica") Twitter&nbsp;<br>
+                h5
+                    a(href="") Join email list
                             
         //- menu links
-        ul.f-row
+        
+        ul
             li
                 h5
                     router-link(to="/episodes") PBS Series
@@ -38,6 +37,7 @@
                         li Episodes
                         li Shorts
                         li Techniques
+        ul
             li
                 h5 
                     router-link(to="/artists") Artists
@@ -46,6 +46,7 @@
                             router-link(to="/artists/by-alpha") A-Z
                         li 
                             router-link(to="/artists/by-material") By Material
+        ul
             li
                 h5 
                     router-link(to="/exhibitions") Exhibitions
@@ -54,23 +55,27 @@
                         li Past
                         li Permanent Collection
                         li Explore Craft Objects
+        ul
             li
                 h5
                     router-link(to="/events") Events
                     ul
                         li Talks
+        ul
             li
                 h5
                     router-link(to="/center") Center
                     ul
                         li Publications
                         li Library
+        ul
             li
                 h5
                     router-link(to="/support") Support
                     ul
                         li Donate
                         li Shop
+        ul
             li
                 h5
                     router-link(to="/about") About
@@ -79,6 +84,7 @@
                         li Staff
                         li Board
                         li Contact
+        ul
             li
                 h5
                     router-link(to="/posts") News
@@ -115,12 +121,12 @@
 
         // OUTER <ul> tags
         > ul
-            padding: 0 0 1em
+            padding: 0 0.5em
             background-color: lightgrey 
             /* &.f-row
                 align-items: start */
             > li
-                padding: 0 0.5em 0 0
+                padding: 0 0.5em
                 h5
                     color: $cia_white
                 a