[Marketing site] Use more contrasting colours in header

Signed-off-by: Katie Moulang <[email protected]>
jww · Jul 12, 2018 · 2e7a0a0 · 2e7a0a0
1 parent bb82231
commit 2e7a0a0
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/docs/styles.css b/docs/styles.css
@@ -46,11 +46,16 @@ button {
     font-family: 'Karla', sans-serif;
 }
 
-footer a, header a, header nav button {
+footer a {
     color: #ffffff;
     font-weight: bold;
 }
 
+header a, header nav button {
+    color: #13377d;
+    font-weight: bold;
+}
+
 header a {
     text-decoration: none;
 }
@@ -129,8 +134,8 @@ button {
 }
 
 header {
-    background-color: #00ae9e;
-    color: #ffffff;
+    background-color: #ffffff;
+    color: #00ae9e;
 }
 
 footer {
@@ -179,10 +184,6 @@ input, .button {
     display: none;
 }
 
-.mobile-nav {
-    border-top: 1px solid #d3d3d3
-}
-
 .section {
     padding: 48px 0 56px 0;
     width: 100%;
@@ -193,6 +194,7 @@ input, .button {
 /* region Header */
 
 header .section {
+    border-bottom: 1px solid #d3d3d3;
     padding: 20px 0;
 }
 
@@ -218,7 +220,7 @@ header .container {
 
 .burger div {
     transition-duration: 200ms;
-    background-color: #ffffff;
+    background-color: #13377d;
     height: 3px;
     width: 24px;
 }