diff --git a/components/nav-bar/desktop/nav-bar-desktop.tsx b/components/nav-bar/desktop/nav-bar-desktop.tsx
index ef6899ed..567e84ae 100644
--- a/components/nav-bar/desktop/nav-bar-desktop.tsx
+++ b/components/nav-bar/desktop/nav-bar-desktop.tsx
@@ -1,7 +1,8 @@
 import NextImg from "next/image";
 import { NavGroup } from "@/data/nav-bar-links";
 import logo from "@/public/Retro_HackRPI_Logo.png";
-import RegistrationButton from "@/components/themed-components/registration-link";
+import RegistrationButton from "@/components/themed-components/registration-header-link";
+
 import NavGroupComponent from "./nav-group";
 import Link from "next/link";
 
@@ -30,19 +31,19 @@ export default function DesktopNavBar({ links }: { links: NavGroup[] }) {
 					>
 						Sponsor Us
 					</Link>
-					<Link
+					{/* <Link
 						href="/event"
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
 					>
 						Event Info
-					</Link>
-					<Link
+					</Link> */}
+					{/* <Link
 						href="/event/schedule"
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
 					>
 						Schedule
-					</Link>
-					<Link
+					</Link> */}
+					{/* <Link
 						href="/announcements"
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
 					>
@@ -53,13 +54,14 @@ export default function DesktopNavBar({ links }: { links: NavGroup[] }) {
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
 					>
 						Prizes
-					</Link>
-					<Link
+					</Link> */}
+					{/* <Link
 						href="/2048/leaderboard"
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
 					>
 						2048 Leaderboard
-					</Link>
+					</Link> */}
+
 					<Link
 						href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
 						className="mx-2 whitespace-nowrap text-lg xl:text-xl bg-[length:0%_2px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-yellow to-hackrpi-pink hover:bg-[length:100%_2px]"
@@ -68,8 +70,8 @@ export default function DesktopNavBar({ links }: { links: NavGroup[] }) {
 						Code of Conduct
 					</Link>
 				</div>
-				<div className="w-fit flex items-center justify-around ml-2">
-					<RegistrationButton className="w-fit whitespace-nowrap" />
+				<div className="ml-2">
+					<RegistrationButton className="w-auto" />
 				</div>
 			</div>
 		</div>
diff --git a/components/nav-bar/mobile/nav-bar-mobile.tsx b/components/nav-bar/mobile/nav-bar-mobile.tsx
index 77abc4a6..a50083d1 100644
--- a/components/nav-bar/mobile/nav-bar-mobile.tsx
+++ b/components/nav-bar/mobile/nav-bar-mobile.tsx
@@ -1,7 +1,7 @@
 import { NavGroup } from "@/data/nav-bar-links";
 import { useState, useEffect } from "react";
 import NextImg from "next/image";
-import hackrpi_logo from "@/public/Retro_HackRPI_Logo.png";
+import hackrpi_logo from "@/public/HackRPI_Logo_Yellow_Arrow.png";
 import NavGroupComponent from "./nav-group";
 import Link from "next/link";
 
@@ -61,6 +61,12 @@ export default function MobileNavBar({ links }: { links: NavGroup[] }) {
 					>
 						Sponsor Us
 					</Link>
+					{/* <Link
+						href="/2048/leaderboard"
+						className="w-11/12 whitespace-nowrap text-2xl p-2 bg-[length:0%_4px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-primary-blue to-hackrpi-primary-blue hover:bg-[length:100%_4px]"
+					>
+						2048 Leaderboard
+					</Link> */}
 					<Link
 						href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
 						className="w-11/12 whitespace-nowrap text-2xl p-2 bg-[length:0%_4px] bg-no-repeat bg-left-bottom transition-all duration-200 bg-gradient-to-r from-hackrpi-primary-blue to-hackrpi-primary-blue hover:bg-[length:100%_4px]"
diff --git a/components/themed-components/registration-header-link.tsx b/components/themed-components/registration-header-link.tsx
new file mode 100644
index 00000000..2877e758
--- /dev/null
+++ b/components/themed-components/registration-header-link.tsx
@@ -0,0 +1,14 @@
+import HackRPILink from "./hackrpi-link";
+
+export default function RegistrationLink({ className }: { className?: string }) {
+    return (
+        <HackRPILink
+            href="https://hackrpi2024.devpost.com/project-gallery"
+            className={`${className}  px-4 py-2 inline-block`}
+            target="_blank"
+        >
+            <span className="block shift:hidden">Register Here!</span>
+            <span className="hidden shift:block">Register!</span>
+        </HackRPILink>
+    );
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 36439dfb..4bb27876 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -2,6 +2,7 @@ import type { Config } from "tailwindcss";
 import plugin from "tailwindcss/plugin";
 
 const config: Config = {
+	
 	content: [
 		"./pages/**/*.{js,ts,jsx,tsx,mdx}",
 		"./components/**/*.{js,ts,jsx,tsx,mdx}",
@@ -55,6 +56,7 @@ const config: Config = {
 			screens: {
 				desktop: "860px",
 				xs: "475px",
+				shift: { max: "950px" },
 				"2xs": "375px",
 			},
 			backgroundImage: {