adjust styling - set colours to cia theme

vue-theme/src/components/hero.vue

@@ -78,7 +78,7 @@ export default {
 
 <style lang="postcss">
 .hero
-    background-color: rebeccapurple
+    /* background-color: rebeccapurple */
     min-height: 35%
     width: 100%
     &--image

vue-theme/src/pages/list.vue

@@ -143,6 +143,7 @@ export default {
 @import '../sss/variables.sss'
 @import '../sss/theme.sss'
 .page--list
+    /* background-color: white */
     article
         > header
             padding: 1em 0 1em 0
@@ -161,8 +162,13 @@ export default {
             flex-direction: row
             flex-wrap: wrap
             justify-content: space-between
+            /* extra padding required? */
+            /* padding: $ms-0 */
+            /* background-color: white */
             section
                 width: 32.5%
+                /* 4 column grid */
+                /* width: 24% */
             ul
                 flex-wrap: wrap
                 list-style: none