From 8843636c3fb887aa7154f589567180ffc7f80c13 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Fri, 21 Jun 2024 18:04:07 +0200
Subject: [PATCH] contact us animation

---
 assets/section-contact-form.css | 7 ++++++-
 sections/contact-form.liquid    | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/section-contact-form.css b/assets/section-contact-form.css
index 17d0d3d..d5a754c 100644
--- a/assets/section-contact-form.css
+++ b/assets/section-contact-form.css
@@ -76,6 +76,9 @@
   max-width: 800px;
 }
 
+#shx-contact-form-container {
+}
+
 @media screen and (min-width: 990px) {
   #shx-contact-form-contact-people-talking {
     height: 500px;
@@ -88,5 +91,7 @@
     margin-top: 72px;
   }
 
-  shx-contact-form-container
+  #shx-contact-form-container {
+    justify-content: center;
+  }
 }
diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid
index 3253190..5d0c426 100644
--- a/sections/contact-form.liquid
+++ b/sections/contact-form.liquid
@@ -15,7 +15,7 @@
 {%- endstyle -%}
 
 <div class="color-{{ section.settings.color_scheme }} gradient">
-  <div class="contact {% comment %}page-width page-width--narrow {% endcomment %}section-{{ section.id }}-padding" id="shx-contact-container">
+  <div class="contact page-width {% comment %}page-width--narrow {% endcomment %}section-{{ section.id }}-padding" id="shx-contact-container">
     <dotlottie-player
       id="shx-contact-form-contact-people-talking"
       src="{{ 'lottie_page_contact_us_people_talking.lottie' | asset_url }}"