make masthead smaller in height, and change font styling

Since we'll have a hero below this, maybe no need for a large masthead?

website/components/IWCHeader.vue

@@ -1,13 +1,13 @@
 <template>
-    <header class="p-8 bg-ebony-clay text-white">
+    <header class="py-2 px-6 bg-ebony-clay text-white">
         <div class="flex">
             <div class="flex flex-grow space-x-2">
                 <NuxtLink to="/" class="flex items-center space-x-2 hover:text-hokey-pokey">
-                    <img src="/iwc_logo_white.png" alt="IWC Logo" width="128" height="128" />
-                    <span class="text-4xl font-mono font-semibold px-4"> Galaxy IWC - Workflow Library </span>
+                    <img src="/iwc_logo_white.png" alt="IWC Logo" width="64" height="64" />
+                    <span class="text-xl font-semibold px-4"> Galaxy IWC - Workflow Library </span>
                 </NuxtLink>
             </div>
-            <div class="flex items-center space-x-8 font-mono">
+            <div class="flex items-center space-x-8">
                 <NuxtLink
                     to="https://github.com/galaxyproject/iwc/blob/main/workflows/README.md#adding-workflows"
                     class="hover:text-hokey-pokey">