diff --git a/assets/_vars.scss b/assets/_vars.scss
new file mode 100644
index 0000000..ef3610d
--- /dev/null
+++ b/assets/_vars.scss
@@ -0,0 +1 @@
+$header-height: 150px;
diff --git a/assets/style.scss b/assets/style.scss
index e7eca74..00a055e 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,6 +1,7 @@
 @import 'breakpoints';
 @import 'colors';
 @import 'fonts';
+@import 'vars';
 
 * {
 	box-sizing: border-box;
@@ -69,14 +70,14 @@ header {
 	}
 
 	@media screen and (min-width: $small) {
-		margin-top: 150px;
+		margin-top: $header-height;
 		padding-top: 0.5rem;
 
 		&::before {
-			background: url(/header.svg) 50% 0% / contain no-repeat;
+			background: url(/header.svg) 50% 0% / auto $header-height no-repeat;
 			content: '';
 			display: block;
-			height: 150px;
+			height: $header-height;
 			left: 0;
 			position: absolute;
 			top: 0;