.call_to_action{
	padding: 155px 0;
	position: relative;
	z-index: 0;
}

.call_to_action.geel * {
    color: #fff;
}

.call_to_action:before{
	content: "";
	width: 100%;
	height: 30px;
	background-position: center top;
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 50%;
	z-index: -1;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.call_to_action:after{
	content: "";
	width: 100%;
	height: 30px;
	background-position: center bottom;
	position: absolute;
	background-repeat: no-repeat;
	bottom: 0;
	left: 50%;
	z-index: -1;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.call_to_action.blauw:after{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1117' height='30' viewBox='0 0 1117 30'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_167' data-name='Rectangle 167' width='1117' height='30' transform='translate(162 3164)' fill='%d79c1d'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_572' data-name='Mask Group 572' transform='translate(-162 -3164)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_665' data-name='Path 665' d='M41.823,82.459-153.927-113.29a123.2,123.2,0,0,1,0-174.022l195.75-195.75V-759.153l-333.8,333.8c-124.092,124.093-124.092,326.008,0,450.1l333.8,333.8Z' transform='translate(920.734 3205.823) rotate(-90)' fill='%23d79c1d'/%3E%3C/g%3E%3C/svg%3E%0A");	
}

.call_to_action:last-child:after{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1117' height='30' viewBox='0 0 1117 30'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_167' data-name='Rectangle 167' width='1117' height='30' transform='translate(162 3164)' fill='%23f2f3f4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_572' data-name='Mask Group 572' transform='translate(-162 -3164)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_665' data-name='Path 665' d='M41.823,82.459-153.927-113.29a123.2,123.2,0,0,1,0-174.022l195.75-195.75V-759.153l-333.8,333.8c-124.092,124.093-124.092,326.008,0,450.1l333.8,333.8Z' transform='translate(920.734 3205.823) rotate(-90)' fill='%23f2f3f4'/%3E%3C/g%3E%3C/svg%3E%0A");	
}

.call_to_action.blauw h2{
	color: #8cdacd;
}

.call_to_action.blauw h3,
.call_to_action.blauw p{
	color: #fff;
}

.call_to_action.blauw .button.outline:before {
    border: solid 1px #fff;
}

.call_to_action.blauw .button.outline:after{
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='15' viewBox='0 0 28 15'%3E%3Cg id='Group_1360' data-name='Group 1360' transform='translate(-1217.136 -4209.858)'%3E%3Cg id='Group_1356' data-name='Group 1356' transform='translate(1221.136 4210.565)'%3E%3Cg id='Group_1358' data-name='Group 1358' transform='translate(0 0)'%3E%3Cline id='Line_5' data-name='Line 5' x2='25.753' transform='translate(-3.5 6.52)' fill='%23fff' stroke='%238cdacd' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cg id='Group_1357' data-name='Group 1357' transform='translate(16.2 0)'%3E%3Cline id='Line_6' data-name='Line 6' x2='6.498' y2='6.498' fill='%23fff' stroke='%238cdacd' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cline id='Line_7' data-name='Line 7' y1='6.498' x2='6.498' transform='translate(0 6.542)' fill='%23fff' stroke='%238cdacd' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.call_to_action.blauw .button.outline{
	color: #fff;
}

.call_to_action.groen{
	background-color: #d79c1d;
}

.call_to_action.blauw{
	background-color: #091e2b;
}

.call_to_action.geel{
	background-color: #d79c1d;
}


@media (max-width:767px)
{		
	.call_to_action{
		padding: 80px 0;
	}
	
	.call_to_action:after,
	.call_to_action:before{
		width: 80%;
		background-size: contain;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	.call_to_action:before,
	.call_to_action:after{
		background-size: auto 60%;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.call_to_action:before,
	.call_to_action:after{
		background-size: auto 75%;
	}
}