diff --git a/dist/app.css b/dist/app.css index a5ac4e3..e516aa5 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12048,14 +12048,16 @@ a { } } -.headline-lg, section.grid-callout h2, section.grid-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 { +.headline-lg, section.grid-callout h2, section.grid-callout .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 { font-size: 40px; line-height: 40px; + margin-bottom: 2rem; } @media (min-width: 768px) { - .headline-lg, section.grid-callout h2, section.grid-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 { + .headline-lg, section.grid-callout h2, section.grid-callout .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2 { font-size: 70px; line-height: 70px; + margin-bottom: 3rem; } } @@ -12292,7 +12294,6 @@ section.side-by-side-text h2, section.side-by-side-text .h2 { } } .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2 { - margin-bottom: 2rem; color: #063C5A; } .text-over-image-b .content-wrapper .content strong { @@ -12325,16 +12326,17 @@ section.multiblock-callout { padding: 4rem 0; color: #fff; } -section.multiblock-callout h2, section.multiblock-callout .h2 { - font-size: 70px; - line-height: 77px; - margin-bottom: 3rem; -} section.multiblock-callout .left-image { background-position: center; background-size: cover; margin-top: 3rem; } +@media (max-width: 767.98px) { + section.multiblock-callout .left-image { + aspect-ratio: 1.5; + margin-bottom: 2rem; + } +} section.multiblock-callout .callouts-wrapper .callout { padding-left: 3rem; display: flex; @@ -12386,7 +12388,6 @@ section.grid-callout { } section.grid-callout h2, section.grid-callout .h2 { color: #063C5A; - margin-bottom: 1.5rem; } @media (min-width: 768px) { section.grid-callout h2, section.grid-callout .h2 { diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 9a84445..8ee31b3 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e", - "/app.css": "/app.css?id=a741b9ec715de60b69c8dd91e8098e3a" + "/app.css": "/app.css?id=530cef83bcfddcfc13dca087da8f7abe" } diff --git a/src/scss/flex-grid-callout.scss b/src/scss/flex-grid-callout.scss index 438432d..bd36121 100644 --- a/src/scss/flex-grid-callout.scss +++ b/src/scss/flex-grid-callout.scss @@ -5,7 +5,6 @@ section.grid-callout { @extend .goudy; @extend .headline-lg; color: $c-navy; - margin-bottom: 1.5rem; @include media-breakpoint-up(md) { margin-bottom: 3rem; diff --git a/src/scss/flex-multiblock-callout.scss b/src/scss/flex-multiblock-callout.scss index dd479f3..843fdf6 100644 --- a/src/scss/flex-multiblock-callout.scss +++ b/src/scss/flex-multiblock-callout.scss @@ -5,15 +5,18 @@ section.multiblock-callout { h2 { @extend .goudy; - font-size: 70px; - line-height: 77px; - margin-bottom: 3rem; + @extend .headline-lg; } .left-image { background-position: center; background-size: cover; margin-top: 3rem; + + @include media-breakpoint-down(md) { + aspect-ratio: 1.5; + margin-bottom: 2rem; + } } .callouts-wrapper { diff --git a/src/scss/flex-text-over-image-b.scss b/src/scss/flex-text-over-image-b.scss index 5a7dc24..03496a2 100644 --- a/src/scss/flex-text-over-image-b.scss +++ b/src/scss/flex-text-over-image-b.scss @@ -17,7 +17,6 @@ h2 { @extend .goudy; @extend .headline-lg; - margin-bottom: 2rem; color: $c-navy; } diff --git a/src/scss/global.scss b/src/scss/global.scss index 2d3fc29..59ce1e7 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -23,10 +23,12 @@ a { .headline-lg { font-size: 40px; line-height: 40px; + margin-bottom: 2rem; @include media-breakpoint-up(md) { font-size: 70px; line-height: 70px; + margin-bottom: 3rem; } }