diff --git a/components/burgermenu.tsx b/components/burgermenu.tsx
index 9677636..0761070 100644
--- a/components/burgermenu.tsx
+++ b/components/burgermenu.tsx
@@ -2,11 +2,14 @@ import styled from 'styled-components'
 import Link from "next/link"
 
 const MenuLine = styled.div`
-	display: block;
-	width: 15rem;
-	height: 5px;
-	border-radius: 4px;
+	width: 2rem;
+	height: 2px;
+	border-radius: 2px;
 	background-color: var(--fg);
+	&:not(:last-child) {
+		margin-bottom: .4rem;
+	}
+}
 `
 
 const Menu = () => {
diff --git a/styles/globals.css b/styles/globals.css
index 95db877..35bfbf2 100755
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -67,3 +67,12 @@ em {
 	font-style: normal;
 	text-shadow: var(--emph-shadow) currentColor;
 }
+
+
+
+@media only screen and (max-width: 940px) {
+	.burger-container {
+		display: block;
+		background-color: lightblue;
+	}
+}