diff --git a/_includes/header.liquid b/_includes/header.liquid
index de903f7..befd4c7 100644
--- a/_includes/header.liquid
+++ b/_includes/header.liquid
@@ -1,7 +1,7 @@
   <div id="mnav">
       <div id="lnav">
         <div id="line"></div>
-        <h1><a href="/">Actix</a></h1>
+        <h1><img src="/public/imgs/ACTIX.png"/><a href="/">Actix</a></h1>
         <label ><a href="#" id="menu">menu</a></label>
       </div>
       <div id="rnav">
diff --git a/public/css/styles.css b/public/css/styles.css
index 625829f..0f54788 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -59,7 +59,7 @@ ul, ol, li {
 }
 #lnav h1 a {
   font-size: 33px;
-  margin: auto 2vw;
+  margin: auto 1vw;
   font-weight: bold;
 }
 #lnav label {
@@ -181,6 +181,12 @@ footer p {
 
 /* ----------------------------------------mobile----------------------------------------*/
 @media only screen and (max-width:  600px) {
+  #lnav h1 img {
+    width: 3.3rem;
+    height: 3.3rem;
+    vertical-align:middle;
+    margin-left: 1vw;
+  }
   #rnav {
     padding-top: 4rem;
     height: 0;
@@ -205,10 +211,11 @@ footer p {
   #menu {
     display: none;
   }
-  #lnav h1 a {
-    font-size: 33px;
-    margin: auto 6vw;
-    font-weight: bold;
+  #lnav h1 img {
+    width: 3.3rem;
+    height: 3.3rem;
+    vertical-align:middle;
+    margin-left: 5vw;
   }
 
   #rnav {
@@ -265,10 +272,11 @@ footer p {
   #menu {
     display: none;
   }
-  #lnav h1 a {
-    font-size: 33px;
-    margin: auto 11vw;
-    font-weight: bold;
+  #lnav h1 img {
+    width: 3.3rem;
+    height: 3.3rem;
+    vertical-align:middle;
+    margin-left: 11vw;
   }
   #rnav {
     position: fixed;