diff --git a/assets/img/logo.jpg b/assets/img/logo.jpg
index 86f1f8d..76efaa7 100755
Binary files a/assets/img/logo.jpg and b/assets/img/logo.jpg differ
diff --git a/assets/styles/nav.css b/assets/styles/nav.css
index fbe65bf..bc25f8f 100644
--- a/assets/styles/nav.css
+++ b/assets/styles/nav.css
@@ -2,9 +2,10 @@
 nav {
 	position: relative;
 	margin: 0 auto 1.5rem;
-	display: flex;
-	justify-content: space-between;
-	align-items: flex-start;
+	display: grid;
+	grid-template: "logo nav";
+	grid-template-rows: 6.75rem;
+	grid-template-columns: 6.75rem auto;
 	background-image: url("/assets/img/greenhouse.jpg");
 	background-size: cover;
 	background-repeat: no-repeat;
@@ -65,9 +66,8 @@ nav a:not(:has(img)):focus-visible {
 }
 
 nav img {
-	max-height: 6.75rem;
-	max-width: 100%;
-	margin: 0 auto;
+	max-height: 100%;
+	margin: 0;
 	border-radius: 2rem;
 	border: .2rem solid var(--color-accent);
 }
@@ -80,6 +80,11 @@ nav img {
 	}
 }
 
+nav a:has(img) {
+	grid-area: logo;
+	justify-self: start;
+}
+
 nav a:has(img):focus {
 	border-radius: 2rem;
 	outline-offset: .2rem;
@@ -91,8 +96,9 @@ nav a:has(img):focus img {
 }
 
 nav ul {
+	grid-area: nav;
 	display: flex;
-	justify-content: flex-end;
+	justify-content: space-between;
 	gap: .6rem;
 	align-items: flex-end;
 	flex-flow: column nowrap;