diff --git a/README.md b/README.md
index dffdf0bc8..ea2a157fc 100644
--- a/README.md
+++ b/README.md
@@ -37,4 +37,6 @@ Stretch goals are not required. Complete the project objectives before working o
 
 - [ ] Change all the image tags into background images instead
 
-- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
\ No newline at end of file
+- [ ] Research CSS animations and see how you could implement some ideas when hovering over buttons or navigation items
+
+Nathan-Buckingham
\ No newline at end of file
diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css
index 2ad9308b0..258ffbc72 100644
--- a/great-idea-website/css/index.css
+++ b/great-idea-website/css/index.css
@@ -56,7 +56,7 @@ table {
 
 html, body {
     height: 100%;
-    font-family: 'Titillium Web', sans-serif;
+    font-family: 'Playfair Display', serif;
 }
 
 h1, h2, h3, h4, h5 {
@@ -72,6 +72,10 @@ a {
 	color: gray;
 }
 
+a:hover{
+	color: black;
+}
+
 .container{
 	width:100%;
 	height:100vh;
@@ -87,6 +91,7 @@ a {
 	line-height: 100px;
 	background-color:white;
 	border-bottom: solid 2px;
+	overflow: hidden;
 }
 
 .header a{
@@ -142,6 +147,14 @@ a {
 	display:inline-block;
 	width:50%;
 	text-align:center;
+	height:380px;
+}
+
+.img{
+	background-image: url("../img/header-img.png");
+	background-size:auto;
+	background-repeat:no-repeat;
+	background-position:center;
 }
 
 .info{
@@ -160,6 +173,11 @@ a {
 	width:100%;
 	padding:25px;
 }
+
+.info div{
+	padding-right:5px;
+}
+
 .features{
 	width:50%;
 }
diff --git a/great-idea-website/index.html b/great-idea-website/index.html
index cfcbde5cd..86234fe58 100644
--- a/great-idea-website/index.html
+++ b/great-idea-website/index.html
@@ -7,6 +7,7 @@
   <title>Great Idea!</title>
 
   <link href="https://fonts.googleapis.com/css?family=Bangers|Titillium+Web" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Playfair+Display&display=swap" rel="stylesheet"> 
   <link rel="stylesheet" href="css/index.css">
 
   <!--[if lt IE 9]>
@@ -22,7 +23,7 @@
 				<a href="#">Features</a>
 				<a href="#">About</a>
 				<a href="#">Contact</a>
-				<img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
+				<a href="#"></a><img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
 			</div>
 		</header>
 		<div class="main">
@@ -35,7 +36,7 @@ <h1>
 				<a href="#"><span>Get Started</span></a>
 			</div>
 			<div class="img">
-				<img src="img/header-img.png" alt="Image of a code snippet.">
+				<!--<img src="img/header-img.png" alt="Image of a code snippet."> -->
 			</div>
 		</div>
 		<div class="info">