diff --git a/dist/app.css b/dist/app.css index 9b0266a..5877e11 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12541,6 +12541,7 @@ section.services-blocks .block { padding: 2rem 1.5rem; background-color: #075179; color: #fff; + flex: 1 1 calc(50% - 0.75rem); } section.services-blocks .block svg { margin-bottom: 1rem; @@ -12560,6 +12561,7 @@ section.services-blocks .block:nth-of-type(even) svg { } section.services-blocks .block:first-of-type { background-color: #B9AF78; + flex: 1 1 100%; } section.services-blocks .large-arrow { position: absolute; @@ -12569,6 +12571,14 @@ section.services-blocks .large-arrow { width: 40%; height: auto; } +section.services-blocks .large-arrow svg { + width: 100%; + height: auto; + position: absolute; + bottom: 0; + right: 0; + margin: 0; +} @media (max-width: 991.98px) { section.services-blocks .large-arrow { display: none; diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 0a663af..23b16a0 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=3278df513f6d55d96d3340bcef193fb6" + "/app.css": "/app.css?id=d2d5d155f950e643ce7db448704b9bd9" } diff --git a/src/scss/flex-services-blocks.scss b/src/scss/flex-services-blocks.scss index 09ee43f..4b38912 100644 --- a/src/scss/flex-services-blocks.scss +++ b/src/scss/flex-services-blocks.scss @@ -19,6 +19,7 @@ section.services-blocks { padding: 2rem 1.5rem; background-color: $c-lightNavy; color: $c-white; + flex: 1 1 calc(50% - 0.75rem); svg { margin-bottom: 1rem; @@ -43,6 +44,7 @@ section.services-blocks { &:first-of-type { background-color: $c-tan; + flex: 1 1 100%; } } @@ -54,6 +56,15 @@ section.services-blocks { width: 40%; height: auto; + svg { + width: 100%; + height: auto; + position: absolute; + bottom: 0; + right: 0; + margin: 0; + } + @include media-breakpoint-down(lg) { display: none; }