.content-band-wrap {
	display: flex;
}

.tm-content-band {
	&.style-1 {
		position: relative;
		background-size: cover;
		background-position: center;
		transition: none;
		flex: 1 1 auto;
		.content {
			@extend %transit;
			background: rgba(0, 0, 0, .8);
			display: table;
			height: 100%;
		}
		.content-inner {
			display: table-cell;
			vertical-align: middle;
			padding: 134px 50px;
		}
		.heading {
			font-size: 30px;
			line-height: 1.2;
			color: #ffffff;
			padding: 17px 0;
		}
		.text {
			color: #aaaaaa;
			padding: 17px 0;
		}
	}
}

@include media-breakpoint-up(lg) {
	.tm-content-band {
		&.style-1 {
			.content {
				background: rgba(0, 0, 0, .5);
			}
			.heading-wrap {
				position: absolute;
				top: 50%;
				left: 0;
				right: 0;
				transform: translate(0, -50%);
			}
			.text {
				opacity: 0;
				visibility: hidden;
			}
			&:hover {
				.content {
					background: rgba(0, 0, 0, .8);
				}
				.heading-wrap {
					position: static;
					transform: translate(0, 0);
				}
				.text {
					transition: .5s ease-out .3s;
					visibility: visible;
					opacity: 1;
				}
			}
		}
	}
}

@include media-breakpoint-down(md) {
	.content-band-wrap {
		display: block;
	}
}

@include media-breakpoint-down(sm) {
	.tm-content-band {
		&.style-1 {
			.content-inner {
				padding: 90px 30px;
			}
			.heading {
				padding: 10px 0;
			}
			.text {
				padding: 10px 0;
			}
		}
	}
}