diff --git a/shotreact/Pages/Index.cshtml b/shotreact/Pages/Index.cshtml
index 8c8a949..ad62371 100644
--- a/shotreact/Pages/Index.cshtml
+++ b/shotreact/Pages/Index.cshtml
@@ -4,7 +4,8 @@
     ViewData["Title"] = "Home page";
 }
 
-<img class="img-fluid" src="img/slide-01.jpg" />
+
 <div class="text-center">
-	
+    <br /><br /><br />
+	<img class="img-fluid" src="img/home-image.jpg" />
 </div>
diff --git a/shotreact/Pages/Shared/_Layout.cshtml b/shotreact/Pages/Shared/_Layout.cshtml
index e64ffd9..e724624 100644
--- a/shotreact/Pages/Shared/_Layout.cshtml
+++ b/shotreact/Pages/Shared/_Layout.cshtml
@@ -10,9 +10,9 @@
 </head>
 <body>
     <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-grey border-bottom box-shadow mb-3">
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-blue border-bottom box-shadow mb-3">
             <div class="container">
-                <a class="navbar-brand" asp-area="" asp-page="/Index"><img src="~/img/shotreact-logo.png" alt="shotreact" title="shotreact" /></a>
+                <a class="navbar-brand" asp-area="" asp-page="/Index">shotreact</a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                         aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
diff --git a/shotreact/wwwroot/css/site.css b/shotreact/wwwroot/css/site.css
index 67fcdd0..5f9cc40 100644
--- a/shotreact/wwwroot/css/site.css
+++ b/shotreact/wwwroot/css/site.css
@@ -30,8 +30,8 @@ html {
   font-size: 14px;
 }
 
-.bg-grey {
-    background-color: #222;
+.bg-blue {
+    background-color: #144661;
 }
 
 @media (min-width: 768px) {
diff --git a/shotreact/wwwroot/img/home-image.jpg b/shotreact/wwwroot/img/home-image.jpg
new file mode 100644
index 0000000..6b3a92d
Binary files /dev/null and b/shotreact/wwwroot/img/home-image.jpg differ
