diff --git a/images/rd.png b/images/rd.png
new file mode 100644
index 00000000..b504bf24
Binary files /dev/null and b/images/rd.png differ
diff --git a/index.html b/index.html
index 86d01b6e..8a2ef61a 100644
--- a/index.html
+++ b/index.html
@@ -64,10 +64,14 @@
   
   
   <header id="header" class="fixed-top">
-    <div class="container d-flex align-items-center">
-
+    <div class="container-head d-flex">
+      <div class="img">
+      <img id="rd-logo"  style="width: 90px; height: auto;" src="images/rd.png"> 
+    </div>
+    <div class="text">
       <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
-
+    </div>
+    </div>
       <nav id="navbar" class="navbar order-last order-lg-0">
         <ul>
           <li><a class="nav-link scrollto active" href="#home"><i class="fa-solid fa-house"></i> Home</a></li>
diff --git a/style.css b/style.css
index 20a1de0f..40827081 100644
--- a/style.css
+++ b/style.css
@@ -79,6 +79,23 @@ h1, h2, h3, h4, h5, h6 {
   box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
 }
 
+.container-head{
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 2fr 13fr 3fr;
+  margin-top: 0px;
+}
+
+.container-head > div{
+  text-align: center;
+  font-size: 15px;
+}
+
+img{
+  max-width: 130%;
+  max-height: 130%;
+}
+
 #header.header-scrolled {
   top: 0;
 }