diff --git a/src/components/header.js b/src/components/header.js
index 2a74f31..ae5e5a7 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -34,7 +34,7 @@ const Header = ({ siteTitle, siteDescription, menuLinks }) => (
         </Link>
       </h1>
       <h3>{siteDescription}</h3>
-      <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">        
+      <Navbar collapseOnSelect expand="lg">        
         <Navbar.Toggle aria-controls="responsive-navbar-nav" />
         <Navbar.Collapse id="responsive-navbar-nav">          
           <Nav className="mr-auto">
diff --git a/src/components/style.css b/src/components/style.css
index 01f7109..c033796 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -2,6 +2,14 @@ body {
   font-size: 120%;
 }
 
+nav.navbar {
+  background-color: #fd0 !important;
+}
+
+li > a.nav-link {
+  color: #000000;
+}
+
 footer {
   opacity: 1;
   background-color: #fff;