hero size adjust and overlay link color edit

vue-theme/src/components/hero.vue

@@ -55,14 +55,14 @@ export default {
     },
     methods: {
         onResize() {
-            this.heroHeight = this.$el.offsetWidth / 2.1
+            this.heroHeight = this.$el.offsetWidth / 1.8
         },
         getThumbnailFromYt(url) {
             return ytThumbnail(url, 'max')
         },
     },
     mounted() {
-        this.heroHeight = this.$el.offsetWidth / 2.1
+        this.heroHeight = this.$el.offsetWidth / 1.8
         this.$nextTick(() => {
             window.addEventListener('resize', this.onResize)
         })
@@ -92,7 +92,8 @@ export default {
 
 .hero
     /* background-color: rebeccapurple */
-    min-height: 25vh
+    /* min-height: 25vh */
+    min-height: 54vw
     position: relative
     overflow: hidden
     justify-content: flex-start !important
@@ -124,6 +125,10 @@ export default {
                 color: $cia_white
                 text-shadow: 1px 1px $cia_black
                 max-width: 70vw
+            a 
+                color: inherit 
+                text-decoration: none
+
     &--video
         width: 100vw
         height: 100%