/*header {
	position: relative!important;
}
.menu-important {
	position: fixed;
	right: 90px;
}*/
/* Zorg dat de logo-wrapper pas na 100vh in beeld komt */
header .logo-wrapper {
	position: fixed;
	top: 30px;
	left: 90px;

	z-index: 1000;
	transform: translateY(-120vh);    /* verstopt boven beeld */
	margin-top: -90px;
	transition: transform 1.5s ease, margin 0.25s ease, filter 0.25s ease;
}

/* zodra body deze class krijgt, schuift logo in beeld en “voelt” sticky */
body.logo-sticky header .logo-wrapper {
	transition: margin 0.25s ease, filter 0.25s ease;
	margin-top: 0px;
	transform: translateY(0);
}

/* optioneel, zodat content niet onder je logo kruipt */
section {
	padding-top: 80px; /* hoogte logo-wrapper */
}


@media (min-width: 1155px){ 
    article,
    article > div {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


header {
	top: auto!important;
	bottom: 60px!important;
}
.menu-important {
	margin-left: 0px!important;
	margin-right: auto!important;
}
section, section > *,
section > article > div {
	min-height: 400px!important;
	padding-top: 30px!important;
}

footer {
	padding-bottom: 120px!important;
}