Fix the header to be cooler

apps/next/src/components/layout/header/index.tsx

@@ -28,17 +28,17 @@ export default function Header(headerProps: ComponentProps<'header'>) {
             alt='Convex Monorepo'
             width={50}
             height={50}
-            className='w-15 invert dark:invert-0'
+            className='w-10 lg:w-15 invert dark:invert-0'
           />
           <span
-            className={`mb-3 hidden font-extrabold lg:inline lg:text-5xl ${kanitSans.className}`}
+            className={`font-extrabold hidden sm:inline sm:text-xl sm:mb-1 lg:mb-3 lg:text-5xl ${kanitSans.className}`}
           >
             convex monorepo
           </span>
         </Link>
 
         {/* Navigation */}
-        <nav className='hidden items-center gap-6 text-base font-medium md:flex'>
+        <nav className='hidden items-center gap-6 text-xs lg:text-base font-medium sm:flex'>
           <Link
             href='/#features'
             className='text-foreground/60 hover:text-foreground flex items-center gap-2 transition-colors'