minor style fixes

src/components/Navbar.tsx

@@ -97,7 +97,7 @@ const Navbar = () => {
     }, []);
 
   return (
-    <nav className="sticky top-0 left-0 z-10 hidden lg:flex h-[85px] justify-center bg-transparent">
+    <nav className="sticky top-0 left-0 z-10 hidden md:flex h-[85px] justify-center bg-transparent">
         <div className={classnames(
                     "w-11/12 bg-britton-neutral px-1 text-britton-dark rounded-b-3xl", {
                         "h-13 pb-1 border-b-2 border-x-2 border-black" : isScrolled,
@@ -105,7 +105,7 @@ const Navbar = () => {
                     }
                 )}
         >
-            <div className="container mx-auto justify-between items-center flex">
+            <div className="w-full px-3 justify-between items-center flex">
                 <div className={classnames('rounded-b-2xl bg-britton-dark w-72', {"hidden" : isScrolled})}>
                     <Image
                         src="/images/bbstpa-forsite.png"