From 57648a1b2f3db462203cacdc65fdffb411a05882 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Moreira?= <amoreira.mail@gmail.com>
Date: Thu, 10 Oct 2024 12:54:15 +0200
Subject: [PATCH] Fix search header on mobile

---
 scss/modules/kcentressearch.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/scss/modules/kcentressearch.scss b/scss/modules/kcentressearch.scss
index a51461f..a82493e 100644
--- a/scss/modules/kcentressearch.scss
+++ b/scss/modules/kcentressearch.scss
@@ -100,12 +100,11 @@
   }
 
   .page-header {
-    background: url("../images/CLARIN-Logo-K-centre-2023-RGB-600ppi-transp.png") no-repeat  left 0 bottom/300px;
+    background: url("../images/CLARIN-Logo-K-centre-2023-RGB-600ppi-transp.png") no-repeat  left 0 top/300px;
     color: $dark-blue-02;
     font-size: 42px;
-    height: 80px;
-    padding-left: 260px;
-    padding-top: 2rem;
+    padding-left: 0.9rem;
+    padding-top: 5.5rem;
 
     &::after {
       color: #A2C037;
@@ -113,6 +112,13 @@
       font-size: 16px;
       vertical-align: super;
     }
+
+    @media (min-width: #{$screen-sm-min}) {
+      background: url("../images/CLARIN-Logo-K-centre-2023-RGB-600ppi-transp.png") no-repeat  left 0 bottom/300px;
+      height: 80px;
+      padding-left: 260px;
+      padding-top: 2rem;
+    }
   }
 
   .page-header-text {