.call_to_action{
	position: relative;
	background: #004053 url(../../images/cta-blok-beeldmerk.png) right -300px bottom -350px no-repeat;
}

.call_to_action:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
    background-position: center;
}

.call_to_action h2,
.call_to_action p{
	color: #fff;
}

.call_to_action h2{
	font-size: 30px;
	font-weight: 900;
	line-height: 45px;
	position: relative;
	margin-bottom: 60px;
}

.call_to_action h2:after{
	background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #7fc9cd), color-stop(0%, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left, #7fc9cd 33%, rgba(255,255,255,0) 0%);
	background-image: linear-gradient(to right, #7fc9cd 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	-webkit-background-size: 6px 1px;
	background-size: 6px 1px;
	background-repeat: repeat;

	position: absolute;
	content: "";
	height: 2px;
	bottom: -20px;
	left: 0;
	width: 60px;
}

.call_to_action .button{
	color: #fff;
	background-color: #d581b5;
    border: 2px solid #d581b5;
}

@media (max-width:767px)
{    
	.jumbotron.jumbo-padding.call_to_action{
		padding-top: 330px;
	}
	
	.call_to_action:before{
		width: 100%;
		height: 250px;
	}
}

@media (min-width:768px) and (max-width:991px)
{    
	.jumbotron.jumbo-padding.call_to_action{
		padding-top: 450px;
	}
	
	.call_to_action:before{
		width: 100%;
		height: 370px;
	}
}