fix: adjust Hero component typography and layout for consistency

Author: BIA3IA

src/components/home/hero.tsx

@@ -4,9 +4,9 @@ import { Input } from "@/components/ui/input"
 
 export function Hero() {
   return (
-    <section className="flex min-h-screen flex-col gap-40 px-6 pt-24 pb-15 md:gap-70 md:px-12 md:pt-67">
+    <section className="flex min-h-screen flex-col gap-40 px-6 pt-24 pb-15 sm:gap-70 sm:px-12 sm:pt-67">
       <div className="flex flex-col items-center gap-17.5 text-center">
-        <h1 className="typo-display-medium md:typo-display-large w-fit max-w-4xl bg-linear-to-b from-text-primary to-text-secondary bg-clip-text text-transparent">
+        <h1 className="typo-display-small sm:typo-display-medium md:typo-display-large w-fit max-w-4xl bg-linear-to-b from-text-primary to-text-secondary bg-clip-text text-transparent">
           Trova gruppi, risorse e supporto tra gli studenti del Polimi
         </h1>