.navbar ul {
    margin: inherit;
    margin-right:0;
}

.header .logo img {
	max-height:100%;
}

.header .logo{
	transition: transform 0.5s;
	transform-origin: top left;
}

.header.sticked .logo img {
	width:100%;
	max-height:100%;
}

.navbar {
	height: 100%;
	align-self:start;
	margin-top:5px !important;
	margin-right:50px !important;
}

.header {
	transition: none;
}

.header.sticked {
	transition: all 0.5s;
}

.header.sticked .navbar {
	align-self:center;
	margin-top:0px !important;
}

.hero-vervolg {
	height:370px;
	background-size:300px !important;
	clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
}

.hero {
	display: flex;
	align-items: end;
	justify-content: center;
}

.carousel {
	width:100%;
}

h2.title {
	font-size:60px;
	text-align:left !important;
}

.about h1 {
	font-size:60px;
	text-align:left !important;
}

.button-bol {
	background-color: #ee3479;
	border: none;
	display: flex;
	border-radius: 50% !important;
	height: 210px;
	width: 210px;
	text-decoration:none !important;
}

.button-bol:hover {
  background-color: var(--color-primary) !important;
}

.bol-tekst {
	font-family: var(--font-primary) !important;
	font-weight: bold !important;
	text-align: center !important;
	font-size: 30px !important;
	color: white !important;
	margin:auto !important;
}

.bol-groen {
	background-color: #9ccb3b;
}

.bol-magenta {
	background-color: #ee3479;
}

.bol-blauw {
	background-color: #1fb9e9;
}

.medewerkers {
	min-height: 180px;
}

#instagram {
	margin-top: 40px;
}

.effect-image-1{
	aspect-ratio: 1;
}

@media (max-width: 1279px) {
	.navbar {
		align-self:start;
		margin-top:0 !important;
		margin-right:0 !important;
	}
	.mobile-nav-show{
		margin-right: 20px;
		margin-top: 20px;
	}
	.header.sticked .mobile-nav-show {
		margin: 20px 20px 0 0;
	}
	.header{
		width: 100%;
	}
	.header.sticked{
		width: 100%;
	}
	.mobile-nav-active .navbar {
		height: 100%;
	}
}

@media (max-width: 640px) {
	.hero-vervolg {
		background-size:250px !important;
	}
}