diff --git a/Css-files/menu.css b/Css-files/menu.css
index 437dc6bf..316f8807 100644
--- a/Css-files/menu.css
+++ b/Css-files/menu.css
@@ -1,104 +1,121 @@
 @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap');
 
-:root{
-    --green: rgb(139, 36, 36);;
-    --black:  rgb(139, 36, 36);;
-    --light-color:#666;
-    --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);
+:root {
+    --green: rgb(139, 36, 36);
+    --black: rgb(139, 36, 36);
+    --light-color: #666;
+    --box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .1);
 }
 
-*{
+* {
     font-family: 'Nunito', sans-serif;
-    margin:0; padding:0;
+    margin: 0;
+    padding: 0;
     box-sizing: border-box;
     text-decoration: none;
-    outline: none; border:none;
+    outline: none;
+    border: none;
     text-transform: capitalize;
     transition: all .2s linear;
 }
 
-html{
+html {
     font-size: 62.5%;
     overflow-x: hidden;
     scroll-padding-top: 5.5rem;
     scroll-behavior: smooth;
 }
 
-section{
-    padding:2rem 9%;
+body {
+    background-attachment: fixed;
+    line-height: 1.6; /* Improved line height for readability */
 }
 
-section:nth-child(even){
-    background:#eee;
+section {
+    padding: 2rem 9%;
 }
 
-.sub-heading{
+section:nth-child(even) {
+    background: #eee; /* Keep existing alternating section background */
+}
+
+.sub-heading {
     text-align: center;
-    color:var(--green);
+    color: var(--green);
     font-size: 2.5rem;
     padding-top: 1rem;
     margin-bottom: 10px;
 }
 
-.heading{
+.heading {
     text-align: center;
-    color:var(--black);
+    color: var(--black);
     font-size: 3rem;
     padding-bottom: 2rem;
     text-transform: uppercase;
 }
 
-.btn{
+.btn {
     text-decoration: none;
-        background-color: brown;
-        border: 3px solid rgb(255, 255, 255);
-        padding: 15px 5px;
-        border-radius: 15px;
-        display: inline-block;
-        color: white;
-        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */   
+    background-color: brown; /* Original color retained */
+    border: 3px solid rgb(255, 255, 255);
+    padding: 15px 5px;
+    border-radius: 15px;
+    display: inline-block;
+    color: white;
+    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+    font-size: 1.5rem; /* Increased font size for better readability */
 }
 
-.btn:hover{
+.btn:hover {
     background-color: #ffffff;
-  color: brown !important;
-  border: 3px solid rgb(165, 42, 42);
-  transform: scale(1.01); 
-  animation: bounce 0.5s;
+    color: brown !important;
+    border: 3px solid rgb(165, 42, 42);
+    transform: scale(1.05); /* Slightly increase scale for emphasis */
+    animation: bounce 0.5s;
 }
 
-
-.menu .box-container{
+.menu .box-container {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
-    gap:1.5rem;
+    gap: 2rem; /* Increased gap for better spacing */
+    margin-top: 2rem; /* Space above the menu */
 }
 
-.menu .box-container .box{
+.menu .box-container .box {
     background: #fff;
-    border:.1rem solid rgba(0,0,0,.2);
+    border: .1rem solid rgba(0, 0, 0, .2);
     border-radius: .5rem;
-    box-shadow: var(--box-shadow);    
+    box-shadow: var(--box-shadow);
+    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
 }
 
-.menu .box-container .box .image{
+.menu .box-container .box:hover {
+    transform: translateY(-5px); /* Slight lift effect on hover */
+    box-shadow: 0 0 15px rgba(139, 36, 36, 0.5); /* More pronounced shadow */
+    border-color: rgb(139, 36, 36);
+}
+
+.menu .box-container .box .image {
     height: 25rem;
     width: 100%;
-    padding:1.5rem;
+    padding: 1.5rem;
     overflow: hidden;
     position: relative;
+    border-radius: .5rem; /* Ensured rounded corners */
 }
 
-.menu .box-container .box .image img{
+.menu .box-container .box .image img {
     height: 100%;
     width: 100%;
     border-radius: .5rem;
     object-fit: cover;
 }
 
-.menu .box-container .box .image .fa-heart{
+.menu .box-container .box .image .fa-heart {
     position: absolute;
-    top:2.5rem; right: 2.5rem;
+    top: 2.5rem;
+    right: 2.5rem;
     height: 5rem;
     width: 5rem;
     line-height: 5rem;
@@ -106,49 +123,44 @@ section:nth-child(even){
     font-size: 2rem;
     background: #fff;
     border-radius: 50%;
-    color:var(--black);
+    color: var(--black);
+    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
 }
 
-.menu .box-container .box .image .fa-heart:hover{
+.menu .box-container .box .image .fa-heart:hover {
     background-color: var(--green);
-    color:#fff;
+    color: #fff;
 }
 
-.menu .box-container .box .content{
-    padding:2rem;
+.menu .box-container .box .content {
+    padding: 2rem;
     padding-top: 0;
 }
- .menu .box-container .box:hover{
-  scale: 1.04;
-  box-shadow: solid  1px rgb(139, 36, 36);
-  border-color: rgb(139, 36, 36);
-} 
-.menu .box-container .box .content .stars{
+
+.menu .box-container .box .content .stars {
     padding-bottom: 1rem;
 }
 
-.menu .box-container .box .content .stars i{
-   font-size: 1.7rem;
-   color:var(--green);
+.menu .box-container .box .content .stars i {
+    font-size: 1.7rem;
+    color: var(--green);
 }
 
-.menu .box-container .box .content h3{
-    color:var(--black);
+.menu .box-container .box .content h3 {
+    color: var(--black);
     font-size: 2.5rem;
+    margin: 1rem 0; /* Added margin for spacing */
 }
 
-.menu .box-container .box .content p{
-    color:var(--light-color);
+.menu .box-container .box .content p {
+    color: var(--light-color);
     font-size: 1.6rem;
-    padding:.5rem 0;
+    padding: .5rem 0;
     line-height: 1.5;
 }
 
-.menu .box-container .box .content .price{
-    color:var(--green);
+.menu .box-container .box .content .price {
+    color: var(--green);
     margin-left: 1rem;
     font-size: 2.5rem;
 }
-body{
-  background-attachment: fixed;
-}
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 24ecfff9..36691ae9 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -202,85 +202,112 @@
         }
 
         .foot-panel2 {
-            background-color: rgb(138, 37, 37);
-            color: white;
-            height: 300px;
-            /* height: fit-content; */
-            display: flex;
-            /* padding: 10px; */
-            justify-content: space-evenly;
-        }
+    background-color: rgb(138, 37, 37);
+    color: white;
+    height: auto; /* Adjusted to auto for dynamic content */
+    padding: 40px 20px; /* Increased padding for a larger appearance */
+    display: flex;
+    justify-content: space-between; /* Changed to space-between for better alignment */
+    flex-wrap: wrap; /* Allows content to wrap on smaller screens */
+}
 
-        .foot-panel2 ul {
-            margin-top: 20px;
-        }
+.foot-panel2 ul {
+    list-style: none; /* Ensures no default list styles */
+    padding: 0; /* Removes default padding */
+    margin: 0; /* Removes default margin */
+    flex: 1 1 200px; /* Flexible basis for responsiveness */
+    margin-top: 20px;
+}
 
-        ul p {
-            font-weight: 700;
-        }
+ul p {
+    font-weight: 700;
+    font-size: 1.1rem; /* Slightly larger font size for emphasis */
+    margin-bottom: 10px; /* Space between heading and links */
+}
 
-        ul a {
-            display: block;
-            font-size: 0.85rem;
-            margin-top: 10px;
-            color: #dddddd;
-            text-decoration: none;
-        }
+ul a {
+    display: block;
+    font-size: 0.9rem; /* Increased font size for better readability */
+    margin-top: 8px; /* Adjusted margin for spacing */
+    color: #dddddd;
+    text-decoration: none;
+    transition: color 0.3s ease; /* Smooth color transition */
+}
 
-        footer {
-            --ff-philosopher: "Philosopher", sans-serif;
-            --ff-poppins: "Poppins", sans-serif;
-        }
+ul a:hover {
+    color: #fff; /* Changes link color on hover */
+}
 
-        #contactForm {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            width: 20rem;
-            height: max-content;
-        }
+footer {
+    --ff-philosopher: "Philosopher", sans-serif;
+    --ff-poppins: "Poppins", sans-serif;
+}
 
-        #contactForm input,
-        #contactForm textarea {
-            width: 100%;
-            padding: 20px;
-            margin: 5px;
-            border-radius: 10px;
-            border: none;
-        }
+#contactForm {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%; /* Full width for responsiveness */
+    max-width: 400px; /* Limit maximum width */
+    margin: 0 auto; /* Center the form */
+}
 
-        #contactForm h3 {
-            height: 30px;
-            color: #141414;
-        }
+#contactForm input,
+#contactForm textarea {
+    width: 100%;
+    padding: 15px; /* Adjusted padding for better spacing */
+    margin: 8px 0; /* Increased margin for spacing */
+    border-radius: 10px;
+    border: 1px solid #ccc; /* Add border for better visibility */
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
+    transition: border-color 0.3s ease; /* Smooth border transition */
+}
 
-        #contactForm textarea {
-            height: 100px;
-            resize: none;
-        }
+#contactForm input:focus,
+#contactForm textarea:focus {
+    border-color: rgb(196, 74, 74); /* Highlight border on focus */
+}
 
-        #contactForm button {
-            padding: 10px 20px;
-            background-color: rgb(196, 74, 74);
-            color: rgb(15, 14, 14);
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            margin-top: 5px;
-        }
+#contactForm h3 {
+    height: 30px;
+    color: #141414;
+    margin-bottom: 20px; /* Space below the title */
+}
 
-        .foot_panel4 {
-            background-color: rgb(66, 16, 16);
-            color: white;
-            height: 160px;
-            font-size: 0.9rem;
-            text-align: center;
-        }
+#contactForm textarea {
+    height: 120px; /* Slightly larger textarea */
+    resize: none;
+}
+
+#contactForm button {
+    padding: 12px 24px; /* Increased padding for the button */
+    background-color: rgb(196, 74, 74);
+    color: white; /* Changed to white for better contrast */
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    margin-top: 10px;
+    transition: background-color 0.3s ease; /* Smooth transition */
+}
+
+#contactForm button:hover {
+    background-color: rgb(166, 64, 64); /* Darker shade on hover */
+}
+
+.foot_panel4 {
+    background-color: rgb(66, 16, 16);
+    color: white;
+    height: auto; /* Adjusted to auto for dynamic content */
+    font-size: 0.9rem;
+    text-align: center;
+    padding: 20px; /* Added padding for space */
+}
+
+.pages {
+    padding-top: 25px;
+}
 
-        .pages {
-            padding-top: 25px;
-        }
 
         .social-icons a {
             font-size: 1.2rem;