diff --git a/src/blocks/CallToAction.astro b/src/blocks/CallToAction.astro index bcdecdd..21b0098 100644 --- a/src/blocks/CallToAction.astro +++ b/src/blocks/CallToAction.astro @@ -54,9 +54,11 @@ import Image from '../Image.astro' margin: 24px 0px 140px 0px; @media screen and (max-width: 800px) { flex-direction: column-reverse !important; + margin-bottom: 48px; } &:nth-child(odd) { flex-direction: row-reverse !important; + @media screen and (max-width: 800px) {flex-direction: column !important} img { box-shadow: 10px 10px 0px 0px var(--pandora-shadows); transition: 1s box-shadow; @@ -67,6 +69,7 @@ import Image from '../Image.astro' } } &:nth-child(even) { + @media screen and (max-width: 800px) {flex-direction: column !important} img { box-shadow: -10px 10px 0px 0px var(--pandora-shadows); transition: 1s box-shadow; @@ -78,15 +81,23 @@ import Image from '../Image.astro' } .pd-cta-start { position: relative; + @media screen and (max-width: 800px) {width: 100% !important} img { width: 100%; height: 100%; border-radius: 12px; + @media screen and (max-width: 800px) { + box-shadow: none !important; + } } } .pd-cta-end { min-width: 50%; max-width: 50%; + @media screen and (max-width: 800px) { + max-width: 100%; + width: 100%; + } a { background: transparent; border: 1px var(--pandora-borders) solid !important;