.section.slogan > .container {font-size: 1rem;line-height: 2.125;text-align: center;padding-top: 6rem;padding-bottom: 6rem; } @media (min-width: 768px) {.section.slogan > .container {font-size: 1.25rem;line-height: 2.15;} } .section.slogan > .container .row .col:first-child {padding-right: 1.25rem; } .section.slogan > .container .row .col:last-child {padding-left: 1.25rem; } .section.slogan > .container .inner {position: relative;padding-left: 1.5rem;padding-right: 1.5rem; } @media (min-width: 576px) {.section.slogan > .container .inner {padding-left: 6.875rem;padding-right: 6.875rem;} } .section.slogan > .container .inner::before {content: " ";position: absolute;top: -2.125rem;left: 0;width: 6rem;height: 6rem;border-top: solid 2px rgba(242, 107, 29, 0.5);border-left: solid 2px rgba(242, 107, 29, 0.5); } .section.slogan > .container .inner::after {content: " ";position: absolute;bottom: -2.125rem;right: 0;width: 6rem;height: 6rem;border-bottom: solid 2px rgba(242, 107, 29, 0.5);border-right: solid 2px rgba(242, 107, 29, 0.5); } .section.slogan > .container .inner.inner-sm {padding-left: 2.5rem;padding-right: 2.5rem;height: 100%; } .section.slogan > .container .inner.inner-sm::after {bottom: 0; } .section.slogan > .container .image {margin-top: 3.125rem;position: relative; } @media (min-width: 768px) {.section.slogan > .container .image {margin-top: -1.875rem;} } .section.slogan > .container .image .img-fluid {width: 100%;aspect-ratio: 568/361;object-fit: cover; } .section.slogan > .container .image::before {content: " ";position: absolute;top: 0;right: 0;width: 4rem;height: 4rem;border-top: solid 2px rgba(242, 107, 29, 0.5);border-right: solid 2px rgba(242, 107, 29, 0.5); } .section.slogan > .container .image::after {content: " ";position: absolute;bottom: 0;left: 0;width: 4rem;height: 4rem;border-bottom: solid 2px rgba(242, 107, 29, 0.5);border-left: solid 2px rgba(242, 107, 29, 0.5); } .section.links + .section.slogan > .container {padding-top: 2.5rem; }