diff --git a/src/components/Button.js b/src/components/Button.js
index 2f3a02b..6e20ed6 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -1,16 +1,14 @@
import React from 'react'
import Link from 'gatsby-link'
-let defaultClasses = 'px-4 py-2 leading-none inline-block text-sm no-underline uppercase'
+let defaultClasses = 'px-6 py-3 leading-none inline-block text-sm no-underline uppercase'
let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal'
let filledBtn = 'text-grey-lightest bg-grey-darkest hover:bg-teal'
const Button = ({ ...props }) => (
-
{props.text}
-
)
export default Button
\ No newline at end of file
diff --git a/src/components/Header.js b/src/components/Header.js
index e6faa2d..f71216f 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,18 +1,18 @@
import React from 'react'
import Link from 'gatsby-link'
-import LogoSaburly from "../images/logo-saburly.svg"
+import LogoSaburly from "../images/logo-saburly-white.svg"
import Button from './Button'
import "./Header.css"
+let menuClasses = "no-underline mt-4 lg:inline-block opacity-50 lg:mt-0 text-white hover:opacity-100 uppercase mr-4"
+
const Header = () => (
-
-