diff --git a/product.html b/product.html
index 915701d..71f04c3 100644
--- a/product.html
+++ b/product.html
@@ -88,7 +88,7 @@
                 </div>
 
                 <div class="product-video">
-                    <video autoplay loop muted height="100%" width="100%" src="source/Video/Video_Engine.mov" class="product-engine" ></video>
+                    <video autoplay loop muted  playsinline height="100%" width="100%" src="source/Video/Video_Engine.mp4" class="product-engine" ></video>
                 </div>
             </div>
 
diff --git a/source/Video/Video_Engine.mov b/source/Video/Video_Engine.mov
deleted file mode 100644
index 9d15526..0000000
Binary files a/source/Video/Video_Engine.mov and /dev/null differ
diff --git a/source/Video/Video_Engine.mp4 b/source/Video/Video_Engine.mp4
new file mode 100644
index 0000000..bf97b5d
Binary files /dev/null and b/source/Video/Video_Engine.mp4 differ
diff --git a/source/styles/style.css b/source/styles/style.css
index ac89a17..400d19a 100644
--- a/source/styles/style.css
+++ b/source/styles/style.css
@@ -176,9 +176,9 @@ img {
     font-weight: var(--font-semi-bold);
 }
 
-.nav-button:hover {
+/* .nav-button:hover {
     background: radial-gradient(#373737 0%, #00000000 100%);
-}
+} */
 
 .nav-close {
     position: absolute;
@@ -250,9 +250,9 @@ img {
         inset 0 4px 8px hsla(0, 0%, 44%, 0.4);
 }
 
-.home-button:hover {
+/* .home-button:hover {
     background: radial-gradient(#373737 0%, #00000000 100%);
-}
+} */
 
 .dowload-button {
     display: inline-block;
@@ -265,9 +265,9 @@ img {
         inset 0 4px 8px hsla(0, 0%, 44%, 0.4);
 }
 
-.dowload-button:hover {
+/* .dowload-button:hover {
     background: radial-gradient(#373737 0%, #00000000 100%);
-}
+} */
 
 .home-images {
     position: relative;
@@ -280,6 +280,8 @@ img {
     position: relative;
     display: flex;
     justify-content: center;
+    filter: drop-shadow(0px 0px 20px hsla(0, 0%, 32%, 0.3));
+
 }
 
 .product-engine {
@@ -319,7 +321,7 @@ img {
 
 .footer {
     display: block;
-    margin-inline: 3rem;
+    margin-inline: 2rem;
     border-top: .2px solid var(--text-color);
 }
 
@@ -336,7 +338,7 @@ img {
 .footer-list {
     display: flex;
     align-items: center;
-    column-gap: 4.5rem;
+    column-gap: 1rem;
     padding: 1.5rem;
     color: var(--title-color);
     font-size: var(--small-font-size);
@@ -437,7 +439,6 @@ img {
     }
 }
 
-
 @media screen and (min-width: 576px) {
     .home-container {
         grid-template-columns: 400px;