From 64eaa886da2778536d3c503c50b1f8bd8bd94854 Mon Sep 17 00:00:00 2001
From: jovana <jovana.klimovska4@gmail.com>
Date: Thu, 21 Dec 2023 09:30:42 +0100
Subject: [PATCH 1/4] Use correct color for labeling

---
 ckanext/kepa/assets/css/kepa.css     | 7 ++++++-
 ckanext/kepa/assets/css/kepa.css.map | 2 +-
 ckanext/kepa/assets/scss/kepa.scss   | 9 +++++++--
 ckanext/kepa/templates/footer.html   | 2 --
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css
index 861b01e..5909a9b 100644
--- a/ckanext/kepa/assets/css/kepa.css
+++ b/ckanext/kepa/assets/css/kepa.css
@@ -72,7 +72,7 @@
     max-height: 150px;
   }
 }
-.heading {
+.search-form .heading {
   color: white;
   font-size: xx-large;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
@@ -217,4 +217,9 @@
   background-color: #FA991C !important;
 }
 
+.heading {
+  color: black;
+  text-shadow: none;
+}
+
 /*# sourceMappingURL=kepa.css.map */
diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map
index 7a333bb..d5d31db 100644
--- a/ckanext/kepa/assets/css/kepa.css.map
+++ b/ckanext/kepa/assets/css/kepa.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC3GI;ED4GJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCpIc;;;ADuIlB;EACI,OCpII;EDqIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCxIQ;EDyIR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC5KI;ED6KJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC1LI;ED2LJ,aCzLG;;;AD4LP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC5Mc;ED6Md;EACA;;;AAGJ;EACI,OClNc;;;ADqNlB;EACI;;;AAGJ;EACI","file":"kepa.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC3GI;ED4GJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCpIc;;;ADuIlB;EACI,OCpII;EDqIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCxIQ;EDyIR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC5KI;ED6KJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC1LI;ED2LJ,aCzLG;;;AD4LP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC5Mc;ED6Md;EACA;;;AAGJ;EACI,OClNc;;;ADqNlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss
index f0ca031..5f9895f 100644
--- a/ckanext/kepa/assets/scss/kepa.scss
+++ b/ckanext/kepa/assets/scss/kepa.scss
@@ -74,7 +74,7 @@
     }
 }
 
-.heading {
+.search-form .heading {
     color: $white;
     font-size: $xxl-size;
     text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
@@ -157,7 +157,7 @@
 @media screen and (max-width: 650px) {
     .module-stats-center-flex {
         flex-direction: column;
-        align-items: center; 
+        align-items: center;
     }
 
     .module-feeds {
@@ -219,3 +219,8 @@
 .item-count {
     background-color: $secondary-color !important;
 }
+
+.heading {
+    color: black;
+    text-shadow: none;
+}
diff --git a/ckanext/kepa/templates/footer.html b/ckanext/kepa/templates/footer.html
index d7acbcd..9c0b5fe 100644
--- a/ckanext/kepa/templates/footer.html
+++ b/ckanext/kepa/templates/footer.html
@@ -41,8 +41,6 @@ <h2>{{_('Social')}}</h2>
 
 
 <script>
-  console.log("ovde");
-
   document.addEventListener("DOMContentLoaded", function () {
     calculateSpaceToBottom();
   });

From 10154799c0ee0d775502babfa748b400e62d67e5 Mon Sep 17 00:00:00 2001
From: jovana <jovana.klimovska4@gmail.com>
Date: Thu, 21 Dec 2023 10:13:32 +0100
Subject: [PATCH 2/4] Fix search input

---
 ckanext/kepa/assets/css/kepa.css     | 19 ++++++++++++++++++-
 ckanext/kepa/assets/css/kepa.css.map |  2 +-
 ckanext/kepa/assets/scss/kepa.scss   | 21 ++++++++++++++++++++-
 3 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css
index 5909a9b..1c2b72c 100644
--- a/ckanext/kepa/assets/css/kepa.css
+++ b/ckanext/kepa/assets/css/kepa.css
@@ -15,7 +15,6 @@
 
 .masthead {
   padding: 0 !important;
-  background-color: #1C768F;
 }
 
 .masthead .logo-text {
@@ -102,11 +101,29 @@
   padding: 0;
 }
 
+.search-form .search-input button i {
+  color: white;
+}
+
 .form-control {
   border: none;
   border-radius: 0;
+  margin-right: 0 !important;
+  width: 80%;
 }
 
+.site-search .btn {
+  background-color: white;
+  border: none;
+  border-radius: 0 !important;
+  margin-left: 0 !important;
+}
+
+@media screen and (max-width: 980px) {
+  .form-control {
+    width: 100%;
+  }
+}
 .tags {
   background-color: white;
   height: 55px;
diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map
index d5d31db..83cfd9d 100644
--- a/ckanext/kepa/assets/css/kepa.css.map
+++ b/ckanext/kepa/assets/css/kepa.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC3GI;ED4GJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCpIc;;;ADuIlB;EACI,OCpII;EDqIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCxIQ;EDyIR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC5KI;ED6KJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC1LI;ED2LJ,aCzLG;;;AD4LP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC5Mc;ED6Md;EACA;;;AAGJ;EACI,OClNc;;;ADqNlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OCtGI;;;ADyGR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBC9HI;ED+HJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCvJc;;;AD0JlB;EACI,OCvJI;EDwJJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WC3JQ;ED4JR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC/LI;EDgMJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC7MI;ED8MJ,aC5MG;;;AD+MP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC/Nc;EDgOd;EACA;;;AAGJ;EACI,OCrOc;;;ADwOlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss
index 5f9895f..6a1bc64 100644
--- a/ckanext/kepa/assets/scss/kepa.scss
+++ b/ckanext/kepa/assets/scss/kepa.scss
@@ -17,7 +17,7 @@
 
 .masthead {
     padding: 0 !important;
-    background-color: $primary-color;
+    // background-color: $primary-color;
 }
 
 .masthead .logo-text {
@@ -104,9 +104,28 @@
     padding: 0;
 }
 
+.search-form .search-input button i {
+    color: $white;
+}
+
 .form-control {
     border: none;
     border-radius: 0;
+    margin-right: 0 !important;
+    width: 80%;
+}
+
+.site-search .btn {
+    background-color: white;
+    border: none;
+    border-radius: 0 !important;
+    margin-left: 0 !important;
+}
+
+@media screen and (max-width: 980px) {
+    .form-control {
+        width: 100%;
+    }
 }
 
 .tags {

From abf163dd9a271bfcaa703a2babf7e6f78eee76d2 Mon Sep 17 00:00:00 2001
From: jovana <jovana.klimovska4@gmail.com>
Date: Thu, 21 Dec 2023 10:15:38 +0100
Subject: [PATCH 3/4] Fix colors

---
 ckanext/kepa/assets/css/kepa.css     | 2 ++
 ckanext/kepa/assets/css/kepa.css.map | 2 +-
 ckanext/kepa/assets/scss/kepa.scss   | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css
index 1c2b72c..27bd11c 100644
--- a/ckanext/kepa/assets/css/kepa.css
+++ b/ckanext/kepa/assets/css/kepa.css
@@ -15,6 +15,7 @@
 
 .masthead {
   padding: 0 !important;
+  background-color: #1C768F;
 }
 
 .masthead .logo-text {
@@ -228,6 +229,7 @@
 
 .site-footer {
   padding: 40px;
+  background-color: #1C768F;
 }
 
 .item-count {
diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map
index 83cfd9d..26b39e1 100644
--- a/ckanext/kepa/assets/css/kepa.css.map
+++ b/ckanext/kepa/assets/css/kepa.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAIJ;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OCtGI;;;ADyGR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBC9HI;ED+HJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCvJc;;;AD0JlB;EACI,OCvJI;EDwJJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WC3JQ;ED4JR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC/LI;EDgMJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC7MI;ED8MJ,aC5MG;;;AD+MP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC/Nc;EDgOd;EACA;;;AAGJ;EACI,OCrOc;;;ADwOlB;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OCtGI;;;ADyGR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBC9HI;ED+HJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCvJc;;;AD0JlB;EACI,OCvJI;EDwJJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WC3JQ;ED4JR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC/LI;EDgMJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC7MI;ED8MJ,aC5MG;;;AD+MP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC/Nc;EDgOd;EACA;;;AAGJ;EACI,OCrOc;;;ADwOlB;EACI;EACA,kBC3OY;;;AD8OhB;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss
index 6a1bc64..c6efee6 100644
--- a/ckanext/kepa/assets/scss/kepa.scss
+++ b/ckanext/kepa/assets/scss/kepa.scss
@@ -17,7 +17,7 @@
 
 .masthead {
     padding: 0 !important;
-    // background-color: $primary-color;
+    background-color: $primary-color;
 }
 
 .masthead .logo-text {
@@ -233,6 +233,7 @@
 
 .site-footer {
     padding: 40px;
+    background-color: $primary-color;
 }
 
 .item-count {

From efd1e1ae39e66b0e0f71eab5a0ec5320758d5fc3 Mon Sep 17 00:00:00 2001
From: jovana <jovana.klimovska4@gmail.com>
Date: Thu, 21 Dec 2023 10:32:09 +0100
Subject: [PATCH 4/4] Fix addres design

---
 ckanext/kepa/assets/css/kepa.css      | 10 +++++---
 ckanext/kepa/assets/css/kepa.css.map  |  2 +-
 ckanext/kepa/assets/scss/_mixins.scss | 15 ++++++++++++
 ckanext/kepa/assets/scss/kepa.scss    | 35 ++++++++++++---------------
 4 files changed, 37 insertions(+), 25 deletions(-)
 create mode 100644 ckanext/kepa/assets/scss/_mixins.scss

diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css
index 27bd11c..4ce631b 100644
--- a/ckanext/kepa/assets/css/kepa.css
+++ b/ckanext/kepa/assets/css/kepa.css
@@ -4,10 +4,6 @@
   align-items: center;
 }
 
-.align-center {
-  text-align: center;
-}
-
 .column {
   display: flex;
   flex-direction: column;
@@ -206,8 +202,14 @@
   align-items: center;
   color: white;
   font-weight: bolder;
+  margin-top: 30px;
 }
 
+@media screen and (max-width: 750px) {
+  .address {
+    justify-content: start;
+  }
+}
 .address img {
   padding-right: 20px;
   height: 50px;
diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map
index 26b39e1..415e3c7 100644
--- a/ckanext/kepa/assets/css/kepa.css.map
+++ b/ckanext/kepa/assets/css/kepa.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OCtGI;;;ADyGR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBC9HI;ED+HJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCvJc;;;AD0JlB;EACI,OCvJI;EDwJJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WC3JQ;ED4JR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC/LI;EDgMJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC7MI;ED8MJ,aC5MG;;;AD+MP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC/Nc;EDgOd;EACA;;;AAGJ;EACI,OCrOc;;;ADwOlB;EACI;EACA,kBC3OY;;;AD8OhB;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_mixins.scss","../scss/_variables.scss"],"names":[],"mappings":"AAGA;ECFI;EACA;EACA;;;ADIJ;ECKI;EACA;;;ADFJ;EACI;EACA,kBEbY;;;AFgBhB;EACI,OEZI;EFaJ,aEXG;EFYH,WEXQ;;;AFcZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;ECxCA;EACA;EDyCA;EC/CA;EACA;;;ADkDJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OEhEI;EFiEJ,WE7DO;EF8DP;;;AAGJ;ECzEI;EACA;EACA;EDyEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,OE5FI;;;AF+FR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;;AAIR;EACI,kBEpHI;EFqHJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;ECpIA;EACA;EDqIA,kBE5Ic;;;AF+IlB;EACI,OE5II;EF6IJ;ECtIA;EACA;EDuIA;EACA;;;AAGJ;EACI,WE/IQ;EFgJR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OEnLI;EFoLJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OEjMI;EFkMJ,aEhMG;EFiMH;;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBE1Nc;EF2Nd;EACA;;;AAGJ;EACI,OEhOc;;;AFmOlB;EACI;EACA,kBEtOY;;;AFyOhB;EACI;;;AAGJ;EACI;EACA","file":"kepa.css"}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/_mixins.scss b/ckanext/kepa/assets/scss/_mixins.scss
new file mode 100644
index 0000000..29f02b4
--- /dev/null
+++ b/ckanext/kepa/assets/scss/_mixins.scss
@@ -0,0 +1,15 @@
+@mixin center-flex {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+@mixin align-center {
+    align-items: center;
+    text-align: center;
+}
+
+@mixin column {
+    display: flex;
+    flex-direction: column;
+}
\ No newline at end of file
diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss
index c6efee6..b49511c 100644
--- a/ckanext/kepa/assets/scss/kepa.scss
+++ b/ckanext/kepa/assets/scss/kepa.scss
@@ -1,18 +1,12 @@
 @import "variables";
+@import "mixins";
 
 .center-flex {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.align-center {
-    text-align: center;
+    @include center-flex;
 }
 
 .column {
-    display: flex;
-    flex-direction: column;
+    @include column;
 }
 
 .masthead {
@@ -57,11 +51,9 @@
 .homepage .hero-placeholder .container {
     min-height: 600px;
     width: 50%;
-    display: flex;
-    flex-direction: column;
+    @include column;
     justify-content: center;
-    align-items: center;
-    text-align: center;
+    @include align-center;
 }
 
 .homepage .hero-placeholder .container img {
@@ -81,9 +73,7 @@
 }
 
 .search-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    @include center-flex;
     min-height: 400px;
 }
 
@@ -148,16 +138,14 @@
 
 .card {
     width: 200px;
-    align-items: center;
-    text-align: center;
+    @include align-center;
     background-color: $secondary-color;
 }
 
 .card a {
     color: $white;
     height: 100%;
-    display: flex;
-    flex-direction: column;
+    @include column;
     justify-content: center;
     text-decoration: none;
 }
@@ -210,6 +198,13 @@
     align-items: center;
     color: $white;
     font-weight: $bold;
+    margin-top: 30px;
+}
+
+@media screen and (max-width: 750px) {
+    .address {
+        justify-content: start;
+    }
 }
 
 .address img {