.stappen h2{
	margin-bottom: 2.6rem;
}

.stappen_items{
	column-gap: 3.6rem;
}

@supports not (column-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox column-gap so have to work with margins. Thanks Safari :/ 
	*/
	.stappen_items .stap_item{
		margin: 0 1.8rem;
	}
}


.stap_item{
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff !important;
	text-decoration: none !important;
}

.stap_teller{
    margin-top: 4rem;
	color: #81a6ea;
	font-size: 2.4rem;
	position: relative;
	display: flex;
	align-items: center;
}

.stap_teller:before{
	width: 5.4rem;
	height: 0.2rem;
	background: #fff;
	content: "";
	display: inline-block;
	margin-right: 1rem;
}

.stap_teller:after{
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}

.stappen_blokken{
	display: flex;
	flex-direction: column;
}
	
.stappen_blokken .stap_blok{
	margin-top: 7rem;
	position: relative;
}

@media (max-width:767px)
{	
	
	.stappen .stappen_blokken .stap_blok:nth-child(1) .stap_teller{
		margin-top: 0;
	}
	
	.stappen .stappen_blokken .stap_blok:nth-child(even){
		flex-direction: column-reverse;
	}
	
	.stappen_items {
		column-gap: 1.6rem;
		line-height: normal;
		text-align: center;
	}
	
	@supports not (column-gap: 1rem) {
	   /* 
		Isolated code for not supporting flexbox column-gap so have to work with margins. Thanks Safari :/ 
		*/
		.stappen_items .stap_item{
			margin: 0 0.8rem;
		}
	}
	
	.stap_item svg{
		margin-bottom: 1.5rem;
	}
}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}

@media (min-width:1200px) and (max-width:1399px)
{
    
}

@media (min-width:1400px)
{
    
}