footer styling adjustment

vue-theme/src/components/footer.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 .footer-wrapper.t-up.t-sans
     footer.main.w-max.f-row.between
-        ul.f-col.start
+        ul.f-col
             //- address contact   
             li
                 h4 Craft in America
@@ -50,10 +50,10 @@
                     a(href="https://visitor.r20.constantcontact.com/d.jsp?llr=fyb4y9cab&p=oi&m=fyb4y9cab&sit=olvymhdeb&f=ee3616e1-10de-4a59-b451-1a882111b1f5", target="_blank") Join email list
                             
         //- menu links
-        ul.f-col.start
+        ul.f-col
             li
                 h5 
-                router-link(to="/episode") PBS Series
+                    router-link(to="/episode") PBS Series
                 ul.f-col.start 
                     li 
                         router-link(to="/episode") &nbsp; Episodes
@@ -64,16 +64,16 @@
             li 
                 h5
                     router-link(to="/artist") Artists
-                    ul.f-col.start
-                        li
-                            router-link(to="/artist/sorted/by-alpha") &nbsp; A-Z
-                        li
-                            router-link(to="/artist/sorted/by-material") &nbsp; by Material
+                ul.f-col
+                    li
+                        router-link(to="/artist/sorted/by-alpha") &nbsp; A-Z
+                    li
+                        router-link(to="/artist/sorted/by-material") &nbsp; by Material
 
             li
                 h5 
-                router-link(to="/exhibition") Exhibitions
-                ul.f-col.start
+                    router-link(to="/exhibition") Exhibitions
+                ul.f-col
                     li
                         router-link(to="/exhibition/sorted/by-current-and-upcoming") &nbsp; Current/Upcoming
                     li
@@ -81,8 +81,8 @@
 
             li
                 h5
-                router-link(to="/event") Center 
-                ul.f-col.start
+                    router-link(to="/event") Center 
+                ul.f-col
                     li
                         router-link(to="/exhibition") &nbsp; Exhibitions
                     li 
@@ -91,8 +91,8 @@
                         router-link(to="/event/sorted/by-type&talks") &nbsp; Talks &amp; Interviews
             li
                 h5
-                router-link(to="") Education 
-                ul.f-col.start
+                    router-link(to="") Education 
+                ul.f-col
                     li
                         router-link(to="/guide") &nbsp; Guides 
                     li 
@@ -101,8 +101,8 @@
 
             li
                 h5
-                router-link(to="") News
-                ul.f-col.start
+                    router-link(to="") News
+                ul.f-col
                     li
                         router-link(to="/blog") &nbsp; Blog Posts  
                     li 
@@ -138,6 +138,8 @@ export default {
     footer.main
         display: flex
         flex-wrap: wrap
+        align-items: flex-start 
+
         min-width: $min-width
         /* background-color: $cia_red */
         // ALL <ul> tags
@@ -153,10 +155,13 @@ export default {
                 padding: 0 $ms-0 $ms-3 $ms-0
             > li
                 color: $cia_white
-                padding: $ms-0 0 0
-                h5
-                    color: $cia_white
-                    margin: $ms-0 0 $ms--1
+                padding: 0 0 $ms--6
+                h4
+                    /* color: $cia_white */
+                    margin: $ms-0 0 $ms--3
+                h5 
+                    /* margin: $ms-0 0 $ms--1 */
+                    margin: $ms-0 0 0
                 a, a:link, a:visited
                     color: $cia_white
                     text-decoration: none