@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
	@main-color: #f1d432;
	@second-color:#5B5A68;
	
	
	
	body{
		color:@second-color;
	}
	
	h2{
		font-size:32px
	}
	
	
	#column-1-0 h1{
		padding-top:20px
	}
	
		/* knoppen */
			.btn-primary{background-color:@main-color;color:@second-color}
			.btn-primary:hover{background-color:darken(@main-color,20%)}
		/* knoppen */
	
	.special-tekst {
		font-size: 48px;
		display: inline-block;
		text-align: center;
		width: 100%;
		padding-bottom: 65px;
		padding-top: 40px;
		font-family: 'Caveat', cursive;
		text-decoration:underline;
	}
	
	#video-bg {
		position: absolute;
		right: 0;
		bottom: 0;
		min-width: 100vw;
		min-height: 100vh;
		object-fit: cover;
		clear:both;
	}
	
	.video-bg {
	    min-height: 100vh;
	}
	
	.content {
		position: absolute;
		bottom: 0;
		background: fade(@main-color,80%);
		width: 45%;
		padding: 20px;
		clear:both;
		color:@second-color;
	}
	
	
	#rijid-1, #rijid-5{
		margin-top:150px;
		margin-bottom:50px
	}
	
	
	
	#rijid-2, #rijid-4{
		background-color:@main-color;
		color:@second-color;
		padding-top:75px;
		padding-bottom:75px;
		margin-bottom:65px;
		margin-top:45px;
	}
	
	#row2, #row4 {
	    margin-left: auto;
	    margin-right: auto;
	    width: 63%;
	
	
		.btn{
			min-width:100%;
			margin-top:25px
		}
	}
	
	
	#row3 {
		p {
			min-height: 220px;
		}
		
		h3{
		line-height:28px;
		font-size:22px;
		}
		
	}
	
	
	label,input,textarea{
		min-height:15px;padding-top:10px;padding-bottom:10px;margin:15px;
	}
	
	input,textarea{
		border:0px;border-bottom:1px solid @main-color;border-left:1px solid @main-color;background-color:fade(@second-color,10%);
	}
	textarea{
		min-height:175px;
	}
	
	
	@media screen and (max-width: 600px) {
		h1{
			font-size:30px
		}
		
		.content{
			width:100%;
			left:0px;
			
			h1{
				font-size:26px;
			}
		}
		
		#column-4-1{
			font-size:89%
		}
	}
	
	
	
	.contact-formulier .col-3 {
	    min-width: 100%;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    margin: 0px;
	    /* background-color: red; */
	    /* height: 44px; */
	    clear: both;
	}
	
	.contact-formulier label {
	    padding: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	
	.contact-formulier .col-9 {
	    min-width: 94%;
	    padding: 15px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	
	
	#column-4-1 a{
	color:@second-color;
	text-decoration:underline;
	font-weight:700;
	}