fix: Edge case media query

src/app.scss

@@ -143,7 +143,7 @@ p {
 	line-height: 1.75rem;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 768px) {
 	h1 {
 		font-size: 2.6rem;
 		line-height: 3.75rem;

src/layout/Banners/Banner.svelte

@@ -83,7 +83,7 @@
 			color: #601410;
 		}
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			flex-direction: column;
 			padding: 1.1rem 1.3rem;
 		}

src/layout/Navbar/NavButton.svelte

@@ -80,7 +80,7 @@
 		color: var(--text-four);
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		a {
 			padding: 0.75rem 1.25rem;
 			justify-content: left;

src/layout/Navbar/NavHost.svelte

@@ -213,7 +213,7 @@
 		width: 100%;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		#nav-wrapper-container {
 			overflow: hidden;
 			position: fixed;

src/routes/announcements/+page.svelte

@@ -178,7 +178,7 @@
 		width: 100%;
 		gap: 16px;
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			display: flex;
 			flex-direction: column;
 		}

src/routes/announcements/[slug]/Announcement.svelte

@@ -111,7 +111,7 @@
 		gap: 2rem;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		.card {
 			background-color: initial;
 			padding: 0;

src/routes/contributors/+page.svelte

@@ -111,7 +111,7 @@
 	a:hover::after {
 		transform: translateX(5px);
 	}
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		.text-container {
 			padding: 2rem 1.75rem;
 		}

src/routes/contributors/ContributorPerson.svelte

@@ -47,7 +47,7 @@
 		user-select: none;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		h5 {
 			display: none;
 		}

src/routes/contributors/ContributorSection.svelte

@@ -91,7 +91,7 @@
 			justify-items: center;
 			grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 
-			@media (max-width: 767px) {
+			@media (max-width: 768px) {
 				padding: 0.75rem;
 				gap: 0.25rem;
 				grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));

src/routes/patches/+page.svelte

@@ -193,7 +193,7 @@
 		display: none;
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 768px) {
 		main {
 			grid-template-columns: none;
 			flex-direction: column;

src/routes/patches/Package.svelte

@@ -49,7 +49,7 @@
 			background-color 0.4s var(--bezier-one),
 			color 0.3s var(--bezier-one);
 
-		@media (max-width: 767px) {
+		@media (max-width: 768px) {
 			border-radius: 0px;
 			font-size: 0.9rem;
 			padding: 1rem;