diff --git a/Images/sitelogo.PNG b/Images/sitelogo.PNG
new file mode 100644
index 00000000..4e776aee
Binary files /dev/null and b/Images/sitelogo.PNG differ
diff --git a/index.html b/index.html
index 7c5b51f2..6a2068a6 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,9 @@
 
     <nav>
         <div class="navigbar">
-            <div class="logo">Foodie</div>
+            <div class="logo">
+            <a href="index.html"><img src="Images/sitelogo.png" height="40" class="transparent-image"></a>
+            </div>
             <button class="navbar-toggler" id="menu-toggle" aria-label="Toggle navigation">
                 <span class="bar"></span>
                 <span class="bar"></span>
diff --git a/style.css b/style.css
index 6018f419..f31cd3bc 100644
--- a/style.css
+++ b/style.css
@@ -25,6 +25,9 @@ body {
   color: white;
   font-size: 1.3rem;
 }
+.transparent-image{
+ opacity: 0.8;
+}
 
 /* Navbar link hover effect */
 .navbar a:hover,