diff --git a/assets/scss/custom/structure/_topbar.scss b/assets/scss/custom/structure/_topbar.scss
index 1f58e0bf..969f92c3 100644
--- a/assets/scss/custom/structure/_topbar.scss
+++ b/assets/scss/custom/structure/_topbar.scss
@@ -27,6 +27,25 @@
         &:focus {
             outline: none;
         }
+        
+        .small {
+            height: 31px;
+            display: none;
+            @media (max-width: 460px) {
+                display: inline-block;
+            }
+        }
+        .big {
+            height: 31px;
+            display: none;
+        
+            @media (min-width: 461px) {
+                display: inline-block;
+            }
+        }
+
+
+
     }
     #navigation {
         &.toggle-menu {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 14f0b99f..1f549092 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -3,9 +3,16 @@
     <div class="container d-flex justify-content-between align-items-center">
         <!-- Logo container-->
         <a class="logo" aria-label="Home" href='{{ relLangURL "" }}'>
-            {{ with resources.Get "images/logos/mark.svg" }}
-                {{ .Content | safeHTML }}
-            {{ end }}
+            <div class="small">
+                {{ with resources.Get "images/logos/mark.svg" }}
+                        {{ .Content | safeHTML }}
+                {{ end }}
+            </div>
+            <div class="big">
+                {{ with resources.Get "images/logos/logo.svg" }}
+                        {{ .Content | safeHTML }}
+                {{ end }}
+            </div>
         </a>
         <!-- End Logo container-->