diff --git a/instance/app.db b/instance/app.db
index cc81819de219c5fe059ad95c3217ac0c331696e2..b922c6bc4ed10308bbd1c45d1e7b21323037a91f 100644
Binary files a/instance/app.db and b/instance/app.db differ
diff --git a/shop/static/styles.css b/shop/static/styles.css
index 3abfb26c9ca3d583111e4959938bfb6cc79a3dbc..7ff59839b199978a6104731c3158822299e6f4c2 100644
--- a/shop/static/styles.css
+++ b/shop/static/styles.css
@@ -120,14 +120,14 @@ a:link {
 }
 
 .navbar {
-  list-style-type: none;
-  padding: 0;
-  overflow: hidden;
-  background-color: #505050;
-  position: sticky;
-  top: 0px;
-  margin: 0px;
-  z-index: 1;
+    list-style-type: none;
+    padding: 0;
+    overflow: hidden;
+    background-color: #F3F3F3;
+    position: sticky;
+    top: 0px;
+    margin: 0px;
+    z-index: 1;
 }
 
 .navbar_box {
@@ -169,13 +169,13 @@ li {
 }
 
 .navbar_item:hover {
-    color: #8F3232;
+    color: #BD8730;
     font-weight: 550;
 }
 
 .navbar_item {
   display: block;
-  color: white;
+  color: grey;
   font-size: 200%;
   text-align: center;
   padding: 18px 16px;
@@ -432,7 +432,7 @@ li {
 }
 
 .start_shopping_text:hover {
-    color: #8F3232;
+    color: #BD8730;
 }
 
 .slogan {
@@ -482,6 +482,10 @@ li {
 
 .header {
     background-color: #202020;
-    text-align: center;
     margin:0px;
-}
\ No newline at end of file
+    text-align: center;
+}
+
+.header_img {
+    height: 80px;
+}
diff --git a/shop/templates/layout.html b/shop/templates/layout.html
index a194a1c2ed1a959bbbcf3684d7d21c94130defa6..2df4f9f914a9ee4749ad4f5f6fc22436274d6400 100644
--- a/shop/templates/layout.html
+++ b/shop/templates/layout.html
@@ -30,7 +30,7 @@
 <div id="page-container">
 
     <div class = "header">
-        <img style = "height:80px" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/>
+        <img class = "header_img" src = "{{ url_for('static', filename='images/dark_logo.png') }}" alt="logo image"/>
     </div>
 
     <ul class = "navbar">