diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index 65fa201..f8c660a 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -1,8 +1,16 @@
+@import "../../assets/scss/globals";
+
 .header {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  margin: 0 1rem;
+  padding: 0 1rem;
+  background-color: $dark-blue;
+
+  @media screen and (min-width: 600px) {
+    position: sticky;
+    top: 0;
+  }
 
   @media screen and (max-width: 600px - 1px) {
     flex-flow: column nowrap;