From b18aecb536e9b60ce9546ceb1326f53d9c89398c Mon Sep 17 00:00:00 2001
From: Julia Mehringer <j.mehringer@techdivision.com>
Date: Fri, 18 Oct 2024 15:24:38 +0200
Subject: [PATCH] EDERCMS-5 mobile styling

---
 blocks/columns/columns.css       | 10 ++++++++++
 blocks/hero-video/hero-video.css |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
index 83e91810..ffbdb3e5 100644
--- a/blocks/columns/columns.css
+++ b/blocks/columns/columns.css
@@ -39,6 +39,10 @@
   display: block;
 }
 
+.columns.usp {
+  padding: 0 var(--spacing-simple)
+}
+
 .columns.usp span.icon {
   box-sizing: border-box;
   width: 85px;
@@ -87,6 +91,12 @@
 }
 
 /* styling desktop */
+@media (width >= 1200px) {
+  .columns.usp {
+    padding: 0;
+  }
+}
+
 @media (width >= 900px) {
   .columns > div {
     max-width: 100%;
diff --git a/blocks/hero-video/hero-video.css b/blocks/hero-video/hero-video.css
index 6ef21b23..d05a6528 100644
--- a/blocks/hero-video/hero-video.css
+++ b/blocks/hero-video/hero-video.css
@@ -66,6 +66,7 @@ main .hero-video-container {
       }
 
       > div:not(.overlay-anchor) {
+        width: 80%;
         position: absolute;
         left: 50%;
         top: 30%;
@@ -128,6 +129,10 @@ main .hero-video-container {
         h1 {
           font-size: 40px;
         }
+
+        > div:not(.overlay-anchor){
+          width: auto;
+        }
       }
 
       .video-mobile {