fixing the opacity issue with the h1 header

src/components/PageHeader.vue

@@ -9,7 +9,7 @@
           v-if="logoSource || svgComponent"
           class="col-md-4 py-0 order-md-2 mt-md-n10"
         >
-        <!--TODO: Update width of img src similar to svg component-->
+          <!--TODO: Update width of img src similar to svg component-->
           <v-img
             :src="logoSource"
             :class="
@@ -53,11 +53,12 @@
               {{ line }}
             </h1>
           </div>
-          <div v-if="description"
-              :class="
-                $vuetify.breakpoint.smAndDown
-                  ? 'mt-9 mr-5'
-                  : 'mt-6 mb-4 mr-10'">
+          <div
+            v-if="description"
+            :class="
+              $vuetify.breakpoint.smAndDown ? 'mt-9 mr-5' : 'mt-6 mb-4 mr-10'
+            "
+          >
             <h4 class="subhead mr-md-15 sm-h4 sm-pageheader-margin">
               {{ description }}
             </h4>
@@ -103,18 +104,17 @@ export default {
     logoSvg: Object,
     logoMaxWidth: String,
     hideBreadcrumbs: Boolean,
-    subtextComponent: Object,
+    subtextComponent: Object
   },
   components: { Breadcrumb },
   data() {
     return {
-      svgComponent: this.logoSvg,
+      svgComponent: this.logoSvg
     };
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
-
 @include sm-down {
   .sm-logo {
     width: 45%;
@@ -126,7 +126,6 @@ export default {
 
   .h1 {
     font-size: 180%;
-    opacity: 93%;
   }
 
   .sm-h4 {
@@ -138,13 +137,6 @@ export default {
 @include md {
   .h1 {
     font-size: 4rem;
-    opacity: 93%;
-  }
-}
-
-@include lg-up {
-  .h1 {
-    opacity: 93%;
   }
 }