.cols-with-background {
	margin: 100px 0 50px;
	color: #fff;
}

.cols-with-background .container {
	position: relative;
	padding: 160px 15px 170px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.cols-with-background .container::before {
	content: "";
	background: #000;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.cols-with-background .container .row {
	align-items: center;
}

.cols-with-background h2 {
	margin-top: 0;
	font-weight: 500;
	color: #fff;
}

.cols-with-background .content {
	font-weight: 500;
	line-height: 24px;
	max-width: 88%;
}

.cols-with-background a {
	color: #FFF;
	font-weight: 700;
}

@media (max-width: 768px){
	.cols-with-background .container {
		padding: 80px 25px 70px;
	}
}

@media (max-width: 480px){
	.cols-with-background {
		margin: 60px 0 50px;
	}
}