diff --git a/assets/css/styles.css b/assets/css/styles.css
index b56a603..d39344e 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -411,41 +411,59 @@ img{
 .footer__container{
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   row-gap: 2rem;
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  height: 400px;
+  width: 100%;
+  background-color: #048654;
 }
+.footermargin{
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  width: 86%;
 
+}
 .footer__logo{
   font-size: var(--h3-font-size);
-  color: var(--first-color);
+  color: #FFF;
   font-weight: var(--font-semi-bold);
+  
 }
 
 .footer__description{
   display: block;
+  color: #FFF;
   font-size: var(--small-font-size);
   margin: .25rem 0 var(--mb-3);
 }
 
 .footer__social{
   font-size: 1.5rem;
-  color: var(--title-color);
+  color: #FFF;
   margin-right: var(--mb-2);
 }
 
 .footer__title{
   font-size: var(--h2-font-size);
-  color: var(--title-color);
+  color: #FFF;
   margin-bottom: var(--mb-2);
 }
 
 .footer__link{
   display: inline-block;
-  color: var(--text-color);
+  color: #FFF;
   margin-bottom: var(--mb-1);
 }
 
 .footer__link:hover{
   color: var(--first-color);
 }
+.footer__content ul li{
+  color: #FFF;
+   
+}
 
 .footer__copy{
   text-align: center;
diff --git a/index.html b/index.html
index 4d7eb82..46a3ad7 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,7 @@ <h2 class="section-title about__initial">We cook the best <br> tasty food</h2>
                         <a href="#" class="button">Explore history</a>
                     </div>
 
-                    <img src="assets/img/about.jpg" alt="" class="about__img">
+                    <img src="../chefcooking.jpg" alt="" class="about__img">
                 </div>
             </section>
 
@@ -182,8 +182,9 @@ <h2 class="section-title contact__initial">Contact us</h2>
         </main>
 
         <!--========== FOOTER ==========-->
-        <footer class="footer section bd-container">
+        <footer class="footer section ">
             <div class="footer__container bd-grid">
+                <div class="footermargin">
                 <div class="footer__content">
                     <a href="#" class="footer__logo">Tasty Food</a>
                     <span class="footer__description">Restaurant</span>
@@ -223,6 +224,7 @@ <h3 class="footer__title">Adress</h3>
                         <li>tastyfood@email.com</li>
                     </ul>
                 </div>
+                </div>
             </div>
 
             <p class="footer__copy">&#169; 2020 Bedimcode. All right reserved</p>