/* @group Aside content image
------------------------------------ */
.aside-content-image { padding: 11.5rem 0 13.7rem; position: relative; overflow: hidden; }
.aside-content-image::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: url('../../img/layout/globals/texture-grained.png'), var(--light-grey-o-50) center center; background-size: auto 95rem; background-repeat: repeat; opacity: .35; }
.aside-content-image .content { text-align: center; margin-bottom: 5.7rem; }
.aside-content-image .content h2 { font: var(--header); letter-spacing: var(--header-letterspacing); text-transform: uppercase; color: var(--header-color); margin: 0 0 2rem; }
.aside-content-image .content p { color: var(--green); }
.aside-content-image .content .logos { margin: 7.5rem 0 0; columns: 2; }
.aside-content-image .content .logos figure { height: 14.1rem; width: 14.1rem; margin: 0 auto 5.2rem; }
.aside-content-image .content .logos figure img { object-fit: contain; }
.aside-content-image .image figure { height: 31.8rem; padding: 0; }
.aside-content-image .image aside { padding: 0; }

.aside-content-image p { margin: 0 0 2rem; }
.aside-content-image p:last-child { margin: 0; }

@media only screen
and (min-width : 961px) {
    .aside-content-image { padding: 17.4rem 0 14.3rem; }
    .aside-content-image > .row:not(.full-width) { min-height: 67.3rem; }
    .aside-content-image .content { text-align: left; margin-bottom: 0; }
    .aside-content-image .content h2 { font-size: 4.5em; margin: 0 0 3rem; }
    .aside-content-image .content .logos { margin: 6.6rem 0 0; columns: 3; }
    .aside-content-image .content .logos figure { margin: 0 0 5.2rem; }
    .aside-content-image .image figure { height: 63.4rem; position: absolute; top: 17.4rem; right: 0; margin-right: 0; }
    .aside-content-image .image aside { position: absolute; top: 21.9rem; left: 55.56%; }
    .aside-content-image aside svg { width: auto; height: 63.4rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1240px) {
	.aside-content-image .content .logos figure { height: 10.1rem; width: 10.1rem; }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .aside-content-image .image { position: relative; padding-right: 3rem; }
    .aside-content-image .image figure { max-width: 37rem; }
    .aside-content-image aside { position: absolute; left: -5rem; top: 2.3rem; max-width: 42rem; }
	.aside-content-image aside svg { transform: scale(1, -1); width: 100%; height: 31.7rem; }
}

/* @end */