body {
	max-width: 100vw!important;
	overflow-x: hidden;
}
.navbar {
	height: 80px;
}
.navbar-stick {
    position: fixed;
    width: 100%;	
	box-shadow: 0px 3px 3px -1px rgb(10 22 70 / 10%), 0px 0px 1px 0px rgb(10 22 70 / 6%) !important
}
.navbar-brand img {
	max-height: 30px;
}
.video-play_button {	
    width: 45px;
    height: 45px;
    padding: 14px 15.5px;
}
.st-btn {
    display: inline-block!important;
}
.form-container .lp-icon {
	color: #4c4d4c;
}
.form-check-input:checked {
    background-color: #4c4d4c;
    border-color: #4c4d4c;
}
.input-group-text {
    padding: 0.895rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fs-sm {
	font-size: 1.25rem;
}
.badge {
    color: white!important;
}
.video-card {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
	background: transparent;
}
.video-card iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 15px;
}
.divider {	
    width: 100%;
    height: 40px;
    clip-path: polygon(0% 75%, 100% 0%, 100% 101%, 0% 101%);
    -webkit-clip-path: polygon(0% 75%, 100% 0%, 100% 101%, 0% 101%);
}
.banner-image {
    min-height: 170px;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.carousel-cell {
	width: 100%;
} 
.flickity-slider img {
	max-width: none;
}
div#testimonials img {
    object-fit: cover;
}
#arbeidsvoorwaarden .voorwaarde  {
	display: inline-grid!important;
}
#testimonials .col-lg-4 {
	display: inline-grid!important;
}

@media (min-width: 1400px) {
    .banner-image {
        height: 600px;
    }   
}

@media (min-width: 1200px) {
	.divider {
		height: 150px;
	}
	.banner-image {
        min-height: 500px;
    }   
}

@media (max-width: 1180px) {
	figure img {
		border-radius: 5px!important;
	}
}

@media (min-width: 992px) {
    .banner-image {
        min-height: 425px;
    }   
}

@media (min-width: 768px) {
	h1#hero-title {
		font-size: calc(1.525rem + 2.3vw);    
		line-height: 1.3;
	}
	.banner-image {
        min-height: 325px;
    } 
}

@media (max-width: 575px) {
	#info .btn:first-child {
		width: 48%;
	}
	#info .btn:last-child {
		width: 49%;
		margin-left: 2%!important;
	}
	#send, #aanmelden-knop {
		width: 100%;
	}
	a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
		color: white!important;
	}	
}

@media (min-width: 575px) {
	.col-sm {
		flex: 1 0 0%!important;
	}
	.navbar-brand img {
		max-height: 40px;
	}
	.banner-image {
        min-height: 250px;
    }
}

@media (max-width: 500px) {
	h1#hero-title {
		font-size: 1.75rem;
	}
}

@media (max-width: 450px) {	
	h1#hero-title {
		font-size: 1.5rem;
	}
}

@media (min-width: 350px) {
	.col-xs-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-xs {
		flex: 1 0 0%!important;
	}
	.text-xs-start {
		text-align: left !important;
	}
	.text-xs-end {
		text-align: right !important;
	}	
	.mt-xs-0 {
		margin-top: 0 !important;
	}	
}

@media (max-width: 400px) {	
	h1#hero-title {
		font-size: 1.25rem;
	}
}

@media (max-width: 350px) {
	.navbar {
		height: 115px;
	}
	h1#hero-title {
		font-size: 1rem;
	}
}