trying out responsive hero on mac

src/pages/_app.tsx

@@ -1,24 +1,21 @@
 import '../styles/globals.css';
 import type { AppProps } from 'next/app';
-import { Playfair_Display, Fraunces } from 'next/font/google'
+import { Fraunces } from 'next/font/google'
 import Navbar from '../components/Navbar';
 import Footer from '../components/Footer';
 import classNames from 'classnames';
 
-// const font = Playfair_Display({ weight: '500',subsets: ['latin'] })
 const font = Fraunces({ subsets: ['latin'] })
 
 function MyApp({ Component, pageProps }: AppProps) {
-
-
   return (
-    <>
-      <main className={classNames("bg-britton-dark min-h-screen", font.className)}>
-          <Navbar />
-          <Component {...pageProps} />
-          <Footer />
-      </main>
-    </>
+    <main className={classNames("bg-britton-dark min-h-screen flex justify-center", font.className)}>
+      <div className="max-w-[1920px]">
+        <Navbar />
+        <Component {...pageProps} />
+        <Footer />
+      </div>
+    </main>
   );
 }