diff --git a/about/About.css b/about/About.css
index 1604a04..aa96159 100644
--- a/about/About.css
+++ b/about/About.css
@@ -11,7 +11,11 @@ h1, h2, h3, h4, h5, h6, p{
 
 
 /* Header nav start  */
-
+#jk img{
+    width:95px;
+  /* height: 50%; */
+  margin-top: 7px;
+}
 a.nav-link {
     margin-right: 20px;
     font-weight: 700;
@@ -20,6 +24,10 @@ a.nav-link {
     color: #ffffff;
 }
 
+.navbar-brand{
+    width: 50px;
+}
+
 nav.fill ul li a.nav-link {
     transition: all .5s;
 }
diff --git a/about/About.html b/about/About.html
index eaa3d6e..8ae93c9 100644
--- a/about/About.html
+++ b/about/About.html
@@ -24,7 +24,12 @@
         <!-- Header start  -->
         <header>
             <nav class="navbar navbar-expand-lg navbar-light fill">
-                <a class="navbar-brand" href="#"><img src="../images/logo.png" alt=""></a>
+                <a class="navbar-brand" href="#">
+                    <div id="jk">
+                    <img src="../images/logo.png" alt="">
+                    </div>
+                
+                </a>
                 <button class="navbar-toggler" type="button" data-toggle="collapse"
                     data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                     aria-label="Toggle navigation">
diff --git a/about/style.css b/about/style.css
index d73b997..c8b285e 100644
--- a/about/style.css
+++ b/about/style.css
@@ -2,7 +2,7 @@
     padding: 0;
     margin: 0;
     box-sizing: border-box;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: "Abel", sans-serif;
 }
 
 .container {
diff --git a/images/Screenshot_2023-10-11_221108-removebg-preview.png b/images/Screenshot_2023-10-11_221108-removebg-preview.png
new file mode 100644
index 0000000..1ca9f04
Binary files /dev/null and b/images/Screenshot_2023-10-11_221108-removebg-preview.png differ
diff --git a/index.html b/index.html
index badab26..776b0eb 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
     <meta name="twitter:image" content="https://ourcodeshop.vercel.app/images/banner-products/iphone.png">
 
     <!-- Fav Icon -->
-    <link rel="icon" href="images/logo.png" type="image/gif" sizes="16x16">
+    <link rel="icon" href="images/logo.png" type="image/gif" >
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
         integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
@@ -56,7 +56,11 @@
             <!-- Header start -->
             <header>
                 <nav class="navbar navbar-expand-lg navbar-light fill">
-                    <a class="navbar-brand" href="/index.html"><img src="images/logo.png" alt="Code Shop home"></a>
+                    <a class="navbarlo" href="/index.html">
+                        <div id="logo">
+                            <img src="images/logo.png" alt="Code Shop home">
+                        </div>
+                    </a>
                     <button class="navbar-toggler" type="button" data-toggle="collapse"
                         data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                         aria-expanded="false" aria-label="Toggle navigation">
diff --git a/style.css b/style.css
index eb25c8f..014b3e3 100644
--- a/style.css
+++ b/style.css
@@ -40,6 +40,13 @@ p {
 
 /* Header nav start  */
 
+#logo img{
+  width: 50%;
+  height: 50%;
+  margin-top: 7px;
+  /* padding-top: 5px; */
+  
+}
 a.nav-link {
   margin-right: 20px;
   font-weight: 700;