Change title color to improve readability

Also fix a repetition in the sub title

Signed-off-by: Riccardo Pittau <[email protected]>

_sass/_header.scss

@@ -35,7 +35,7 @@
     }
 
     &__title {
-      color: var(--mk--Color--300);
+      color: var(--mk--color-black--100);
       font-weight: var(--mk--FontWeight--300);
       font-size: var(--mk--FontSize--3xl);
       sup {

index.html

@@ -3,7 +3,7 @@
 ---
 <div class="mk-masthead__content">
     <h1 class="mk-masthead__content__title">Metal<sup>3</sup></h1>
-    <h3 class="mk-masthead__content__sub-title">The Metal3 (pronounced “Metal-kube”) project is an open-source project that provides a set of tools for managing bare-metal infrastructure using Kubernetes.
+    <h3 class="mk-masthead__content__sub-title">Metal<sup>3</sup> (pronounced “Metal-kube”) is an open-source project that provides a set of tools for managing bare-metal infrastructure using Kubernetes.
     </h3>
     <a href="https://book.metal3.io/developer_environment/tryit" class="mk-button mk-button--primary">Get Started</a>
     <a href="https://book.metal3.io/introduction.html" class="mk-button mk-button--primary">User Guide</a>