.textWithBack {
	padding: 100px 0;
}
.textWithBack__content {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 50px;
}
.textWithBackGrid {
	grid-template-areas: "text .";
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.textWithBack__content {
	grid-area: text;
}
.textWithBack_title {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 48px;
}
.textWithBack_description {
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 30px;
}
.textWithBack_buttons .button {
	margin-bottom: 10px;
}


@media screen and (max-width: 992px) {
	.textWithBack {
		padding: 20px 0;
	}
	.textWithBackGrid {
		grid-template-areas: "text";
		grid-template-columns: 1fr;
	}
	.textWithBack__content {
		padding: 20px;
	}
}