diff --git a/css/style.css b/css/style.css
index 901b205..dd749f4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8226,7 +8226,7 @@ h1, h2, h3, h4, h5,
     right: 0;
     bottom: 0;
     content: '';
-    opacity: 0;
+    opacity: 0.5;
     background: #000000; }
   .hero-wrap.hero-wrap-2 {
     height: 500px; }
@@ -8330,7 +8330,7 @@ h1, h2, h3, h4, h5,
         bottom: 0;
         right: 0;
         background: #000005;
-        opacity: 0.5;
+        opacity: 0.8;
         width: 100%;
         padding: 0;
         z-index: 0; }
@@ -9781,16 +9781,14 @@ textarea.form-control {
 
 
 
-.banner-logo {
-    
+.banner-logo {    
     display: flex;
     justify-content: center;
     align-items: center;
     padding-bottom: 0;
     max-width: 400px;
     height: 400px;
-    opacity: 1;
-    z-index: 0 !important;
+    z-index: 3 !important;
 }
 
 .banner-logo a {
@@ -9799,15 +9797,18 @@ textarea.form-control {
     align-items: center;
     width: 100%;
     height: 100%;
+    z-index: 3 !important;
 }
 .banner-logo img {
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
+    z-index: 3 !important;
 }
 .banner-logo img:hover {
     transform: scale(1.1);
     transition: transform 0.3s ease;
+    z-index: 3 !important;
 }
 
 
diff --git a/includes/index-hero.php b/includes/index-hero.php
index 1bcb042..60d0d2c 100644
--- a/includes/index-hero.php
+++ b/includes/index-hero.php
@@ -5,11 +5,11 @@
 			<div class="container">
 				<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
 					<div class="col text-center ftco-animate banner-logo">
-						<a href="index.php" class="navbar-brand d-flex">
-							<img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid" alt="Warmseal Logo">
+						<a href="index.php">
+							<img src="<?= $URLcorection ?>images/logo/Warmseal-Blue-Transparent.svg" class="img-fluid banner-logo" alt="Warmseal Logo">
 						</a>
 					</div>
-					<div class="row no-gutters slider-text  align-items-center justify-content-center">
+					<div class="row no-gutters slider-text align-items-center justify-content-center">
 						<div class="col-md-10 text-center ftco-animate">
 							<div class="text w-100">
 								<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>