making things responsive on landing page

packages/web/components/footer/index.tsx

@@ -1,7 +1,7 @@
 import FullMottoLogo from "../../../components/logo/fullMotto";
 export default function Footer() {
   return (
-    <div className="container mx-auto flex justify-between mt-auto items-center">
+    <div className="container mx-auto flex md:flex-row flex-col justify-between mt-auto items-center">
       <span className="ml-20">
         <span className="text-zinc-400 text-sm">Wanna chat? </span>
         <span className="font-bold text-white">arjunpatel@berkeley.edu</span>

packages/web/components/header/index.tsx

@@ -1,9 +1,10 @@
 import HorizontalLogo from "../../../components/logo/horizontal";
+import { LogoType } from "@nirvana/components/logo/full";
 
 export default function Header() {
   return (
-    <div className="container mx-auto p-0 flex flex-row justify-start">
-      <HorizontalLogo className="scale-[0.5]" />
+    <div className="container mx-auto md:px-20 px-10 pt-5 flex flex-row justify-center md:justify-start">
+      <HorizontalLogo type={LogoType.small} />
     </div>
   );
 }