diff --git a/src/components/Header.js b/src/components/Header.js
deleted file mode 100644
index a79cff8..0000000
--- a/src/components/Header.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react'
-import Link from 'gatsby-link'
-import SaburlyLogo from "../images/Saburly-Logo.svg"
-
-const Header = () => (
-  <header>
-    <nav className="flex items-center justify-between flex-wrap lg:p-6">
-      <div class="flex items-center flex-no-shrink text-white mr-6">
-        <Link to="/">
-          <img src={SaburlyLogo} alt='Saburly Logo' style={{ maxWidth: '300px' }} />
-        </Link>
-      </div>
-
-      <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-center lg:w-auto">
-        <ul className="flex text-sm justify-center lg:flex-grow">
-          <Link to="/services">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">What We Do
-        </li>
-          </Link>
-          <Link to="/about">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">TEAM
-        </li>
-          </Link>
-          <Link to="/blog">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">BLOG
-        </li>
-          </Link>
-        </ul>
-
-        <Link to="/contact" className="no-underline inline-block text-sm px-4 py-2 leading-none border rounded text-grey-darkest border-teal-darkest hover:border-teal hover:text-white hover:bg-teal mt-4 lg:mt-0 uppercase mr-3 rounded-full">Contact</Link>
-
-        <Link to="/proposal" className="no-underline inline-block text-sm px-4 py-2 leading-none border rounded text-grey-lightest border-grey-darkest hover:border-transparent hover:text-white hover:bg-white mt-4 lg:mt-0 uppercase bg-grey-darkest hover:bg-teal rounded-full ">Get a free proposal</Link>
-      </div>
-    </nav>
-  </header>
-)
-
-export default Header
diff --git a/src/components/header.js b/src/components/header.js
deleted file mode 100644
index a79cff8..0000000
--- a/src/components/header.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react'
-import Link from 'gatsby-link'
-import SaburlyLogo from "../images/Saburly-Logo.svg"
-
-const Header = () => (
-  <header>
-    <nav className="flex items-center justify-between flex-wrap lg:p-6">
-      <div class="flex items-center flex-no-shrink text-white mr-6">
-        <Link to="/">
-          <img src={SaburlyLogo} alt='Saburly Logo' style={{ maxWidth: '300px' }} />
-        </Link>
-      </div>
-
-      <div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-center lg:w-auto">
-        <ul className="flex text-sm justify-center lg:flex-grow">
-          <Link to="/services">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">What We Do
-        </li>
-          </Link>
-          <Link to="/about">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">TEAM
-        </li>
-          </Link>
-          <Link to="/blog">
-            <li className="no-underline block mt-4 lg:inline-block lg:mt-0 text-grey-darkest hover:text-teal uppercase mr-4">BLOG
-        </li>
-          </Link>
-        </ul>
-
-        <Link to="/contact" className="no-underline inline-block text-sm px-4 py-2 leading-none border rounded text-grey-darkest border-teal-darkest hover:border-teal hover:text-white hover:bg-teal mt-4 lg:mt-0 uppercase mr-3 rounded-full">Contact</Link>
-
-        <Link to="/proposal" className="no-underline inline-block text-sm px-4 py-2 leading-none border rounded text-grey-lightest border-grey-darkest hover:border-transparent hover:text-white hover:bg-white mt-4 lg:mt-0 uppercase bg-grey-darkest hover:bg-teal rounded-full ">Get a free proposal</Link>
-      </div>
-    </nav>
-  </header>
-)
-
-export default Header