/*
 |
 | Banner with Badge Section
 |
 |
 */

.banner-with-badge { position: relative; }
.banner-with-badge .columns {
	position: relative;
}
.banner-with-badge .badge {
	width: 165px;
	position: absolute;
	top: 50%;
	left: calc( var(--space-100) * -1 );
	transform: translateY(-50%);
}

.banner-with-badge .message {
	padding-left: 120px;
}

@media( min-width: 640px )  {
	.banner-with-badge .badge {
		left: calc( var(--space-50) * -1 );
	}

	.banner-with-badge .message {
		padding-left: 140px;
	}
}
@media( min-width: 1040px )  {
	.banner-with-badge .badge {
		width: 220px;
	}

	.banner-with-badge .message {
		padding-left: 180px;
	}
}
@media( min-width: 1480px ) {}