.info-block-wrapper{
	background-color: var(--coyote-footer-background);
	color: var(--coyote-footer-text);
	@extend .coyote-block-wrapper;
	.main-info{
		text-align: center;
		width: 100%;
		max-width: 44rem;
		margin-left: auto;
		margin-right: auto;
		h4{
			font-size: ($cy-font-size * 2.5);
			line-height: 1.1;
		}
		p{
			color: color-mix(in srgb, var(--coyote-footer-text) 82%, transparent);
			margin-top: 1rem;
		}
	}

	.blokje-info{
		border: 1px solid color-mix(in srgb, var(--coyote-footer-text) 18%, transparent);
		transition: .25s ease-in-out;
		padding-top: ($cy-spacer * 1);
		padding-bottom: ($cy-spacer * 1);
		border-radius: calc(var(--coyote-border-radius) * 1.1);
		background: color-mix(in srgb, var(--coyote-footer-background) 78%, white);
		box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
		a{
			text-decoration: none;
			color: inherit;
			font-weight: 600;
		}
		&:hover{
			border-color: color-mix(in srgb, var(--coyote-primary) 45%, var(--coyote-footer-text));
			transform: translateY(-4px);
		}
	}
	.blokje-wrapper{
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-auto-columns: 1fr;
		display: grid;
		overflow: auto;
		scroll-snap-type: y mandatory;
		padding-top: ($cy-spacer * 1);
		padding-bottom: ($cy-spacer * 1);
	}

	.blokje-info {
		scroll-snap-align: start;
	}
	a:hover{
		text-decoration: underline;
	}
	@media screen and (max-width: 991px){
		.blokje-wrapper{
			grid-template-columns: 1fr;
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
}
