diff --git a/assets/css/style.css b/assets/css/style.css
index ceadd16e..08d1bdbf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -5243,3 +5243,14 @@ body,
 .book-name-field {
   margin-bottom: 10px; /* Space between fields */
 }
+
+.logopic{
+  width: 15rem;
+  margin: 0px 0px 0px 10px;
+}
+
+@media (max-width: 768px) {
+  .logopic{
+    margin-top: 40px;
+  }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 15f65e8a..fcf8dcc3 100644
--- a/index.html
+++ b/index.html
@@ -3815,7 +3815,7 @@ <h2 class="uppercase">How do you prefer to read?</h2>
 
           <ul class="navbar-list nav" style="margin-right: 10px;">
             <a href="index.html" onclick="lenis.scrollTo('index.html');" class="logo" style="display:flex;">
-              <img src="./assets/images/final.png" class="logopic" style=" width: 15rem; margin:0px 0px 0px -10px;">
+              <img src="./assets/images/final.png" class="logopic">
             </a>
 
             <li class="navbar-item" style="margin-right: 10px;">