diff --git a/css/style.css b/css/style.css
index 5118aae..e4d965f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,7 +1,7 @@
 /* ------------------ GLOBAL STYLE ------------------- */
 
 #wrapper {
-  background: #64b5f6 url('../img/background.png') center bottom repeat-x;
+  background: #FFF url('../img/background.png');
 }
 
 .no-pills {
@@ -35,7 +35,7 @@ header h1 {
 	font-size:5.4em;
 	font-style:oblique;
 	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0);
-	padding-bottom:0px;
+	padding-bottom:.3em;
   margin:auto;
   text-align:center;
 }
diff --git a/img/background.png b/img/background.png
index c26cd7c..3cbb7aa 100644
Binary files a/img/background.png and b/img/background.png differ
diff --git a/img/brand-icon.png b/img/brand-icon.png
new file mode 100644
index 0000000..6d3e9c0
Binary files /dev/null and b/img/brand-icon.png differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..77e6ede
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.html b/index.html
index 8697946..9efb43b 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
 <div id="wrapper">
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
-  <a class="navbar-brand" href="#">Blue Sky</a>
+  <a class="navbar-brand" href="#"><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
@@ -56,7 +56,7 @@
 
 	<header class="container">
 		<div class="row">
-		<h1>Blue Sky</h1>
+		<h1><img src="img/logo.png" alt="Quarante-Douze"></h1>
 		</div>
 	</header>