diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a5f8b98..00e3bf7 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -169,11 +169,11 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
           className="mb-4"
           internalLinks={[{ href: "/", label: "Home" }]}
         ></Nav>
-        <div className="flex flex-col lg:flex-row lg:items-end justify-between">
-          <div className="flex flex-col mr-5 ml-2 font-serif">
-            <h1 className="text-5xl mt-0 font-black z-10">Chuck Dries</h1>
-            <h2 className="">Full Stack Software Engineer & Photographer</h2>
-          </div>
+        <div className="flex flex-col mr-5 md:ml-4 ml-2 mt-4 md:mt-6 font-serif">
+          <h1 className="text-5xl mt-0 font-black z-10">Chuck Dries</h1>
+          <h2 className="">Full Stack Software Engineer & Photographer</h2>
+        </div>
+        <div className="flex flex-col md:flex-row md:items-end justify-between">
           <KeywordsPicker
             keywords={[
               "night",