diff --git a/dist/app.css b/dist/app.css index 6f88fd0..292d650 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12210,6 +12210,11 @@ section.side-by-side-text h2, section.side-by-side-text .h2 { background-size: cover; padding-bottom: 4rem; } +@media (max-width: 767.98px) { + .text-over-image-a .col:last-of-type { + display: none; + } +} .text-over-image-a .content-wrapper { background-color: rgba(6, 60, 90, 0.8); transform: translateY(-1.25rem); @@ -12218,11 +12223,6 @@ section.side-by-side-text h2, section.side-by-side-text .h2 { .text-over-image-a .content-wrapper .content { color: #fff; } -@media (max-width: 767.98px) { - .text-over-image-a .col:last-of-type { - display: none; - } -} .text-over-image-b { background-position: center; @@ -12253,6 +12253,11 @@ section.side-by-side-text h2, section.side-by-side-text .h2 { padding-top: 6rem; padding-bottom: 20rem; } +@media (max-width: 767.98px) { + .text-over-image-c .col:first-of-type { + display: none; + } +} .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .h2 { font-size: 70px; line-height: 77px; diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 14a0c55..c385132 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=e87e05bd26822b1fc6dae092decfb838", - "/app.css": "/app.css?id=e9a602eaa1da36250d8645a164946905" + "/app.css": "/app.css?id=c7f474ec52cfd3adc0c0bc6fab2984b0" } diff --git a/src/scss/flex-text-over-image-a.scss b/src/scss/flex-text-over-image-a.scss index c13f584..4a4a6ec 100644 --- a/src/scss/flex-text-over-image-a.scss +++ b/src/scss/flex-text-over-image-a.scss @@ -3,6 +3,12 @@ background-size: cover; padding-bottom: 4rem; + @include media-breakpoint-down(md) { + .col:last-of-type { + display: none; + } + } + .content-wrapper { background-color: rgba($c-navy, 0.8); transform: translateY(-1.25rem); @@ -12,10 +18,4 @@ color: $c-white; } } - - @include media-breakpoint-down(md) { - .col:last-of-type { - display: none; - } - } } diff --git a/src/scss/flex-text-over-image-c.scss b/src/scss/flex-text-over-image-c.scss index b34e65b..ce8fc6a 100644 --- a/src/scss/flex-text-over-image-c.scss +++ b/src/scss/flex-text-over-image-c.scss @@ -4,6 +4,12 @@ padding-top: 6rem; padding-bottom: 20rem; + @include media-breakpoint-down(md) { + .col:first-of-type { + display: none; + } + } + .content-wrapper { .content { h2 {