From c69c715ef3c52c8efbc43faab497c385e71d4b66 Mon Sep 17 00:00:00 2001
From: jordi fita mas <jordi@tandem.blog>
Date: Wed, 17 Jan 2024 17:54:05 +0100
Subject: [PATCH] Add position relative, and reduce margin of hero

Without the position relative, the booking button is no longer on top
of the carousel depending on the screen resolution, and Oriol wants less
gap between the carrousel and the next section.
---
 web/static/public.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/static/public.css b/web/static/public.css
index 5bac7e0..05ee64c 100644
--- a/web/static/public.css
+++ b/web/static/public.css
@@ -423,7 +423,12 @@ nav:last-of-type > ul > li:last-child {
     background-size: cover;
 }
 
-.hero, .nature, .services {
+.hero {
+    position: relative;
+    margin-bottom: 2rem;
+}
+
+.nature, .services {
     margin-bottom: 5rem;
 }
 
@@ -483,8 +488,8 @@ nav:last-of-type > ul > li:last-child {
 
 .hero a {
     position: absolute;
-    bottom: 6.75rem;
-    right: 7.5rem;
+    bottom: 1.5rem;
+    right: 3.5rem;
 }
 
 .hero a:hover span, .services a:hover span, .spiel a:hover span, .campsite_type_booking button:hover span {