styling adjustments - update to cia theme colours, mobile.menu logotype resize

vue-theme/src/components/navigation/navigation.vue

@@ -71,42 +71,60 @@ export default {
 nav.main
     position: sticky
     top: 0
-    background-color: lightblue
+    /* background-color: lightblue */
+    background-color: white
     word-wrap: break-word
     z-index: 10000
     
     .menu, .mobile-menu
-        padding: $ms-0 0
+        /* padding: $ms-0 0 */
+        background: $cia_grey
+        /* border-bottom: 2px $cia_darker solid */
+
         a
             text-decoration: none
+            color: $cia_black
+
             h1
-                /* font-size: $ms-1 */
                 font-weight: 400
                 color: $cia_red
-            img
+                padding: 7px 0 0
+            /* img
                 width: $ms-3
                 height: $ms-3
-                padding: 0
+                padding: 0 */
     
     .menu   
         display: none
         h1
-            font-size: $ms-1 
+            font-size: $ms-3
+        h5
+            /* font-size: $ms--1  */
+            font-weight: 200
         > ul
             padding: 0 $ms-1
+        img
+            width: $ms-3
+            height: $ms-3
+            /* padding: 0 */
+            margin-top: $ms--7
     
     .mobile-menu
-        img 
-            margin: 0 $ms--5 0 $ms-0
+        padding: $ms--3
+        img
+            width: $ms-2
+            height: $ms-2
+            padding: 0
+            margin: $ms--7 0 0 $ms--7
         h1
             font-size: $ms-2
         label
             position: absolute
             right: 0
             top: 0
-            padding: $ms-1
+            padding: $ms-0
             &:hover
-                color: $cia_grey
+                color: $cia_red
                 cursor: pointer
                 transition: $transition
         input
@@ -120,7 +138,7 @@ nav.main
         ul
             background-color: $primary-dark
             display: none
-            padding: $ms--1 0
+            /* padding: $ms--1 0 */
             margin: $ms-0 0 0 0
             li  
                 color: $primary-light
@@ -141,5 +159,5 @@ nav.main
 
     @media (min-width:  $extra-large)
         .menu > ul
-            max-width: $max-width
+            /* max-width: $max-width */
 </style>