diff --git a/components/burgermenu.tsx b/components/burgermenu.tsx
index b572601..edd7685 100644
--- a/components/burgermenu.tsx
+++ b/components/burgermenu.tsx
@@ -18,6 +18,7 @@ const BurgerContainer = styled.div<{open: boolean}>`
 	height: 1.8rem;
 	flex-direction: column;
 	justify-content: center;
+	margin-left: auto;
 
 	div {
 		transition: .2s;
diff --git a/components/nav.tsx b/components/nav.tsx
index b4bf474..ebe136f 100644
--- a/components/nav.tsx
+++ b/components/nav.tsx
@@ -15,6 +15,12 @@ const NavCont = styled.nav`
 	a:hover {
 		opacity: .4;
 	}
+
+	@media screen and (max-width: 960px) {
+		display: none;
+		position: absolute;
+		top: 0;
+	}
 `
 
 const Nav = () => {