/* Very large screens */
html {
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	height: 100%;
	font-size: 100%;
}

#logo_svg {
	width: 275px;
}

#scroll_down_box {
	display: none;
}

#menu_bar .dev0w1 {
	display: none;
}

#menu_bar.stick .dev0w1 {
	display: block;
}

#menu_bar:not(.stick) #menu {
	width: 100%;
}

#menu, #statement_box, #model_box {
	font-size: 120%;
}
#statement_box {
	width: 400px;
}

#content_box {
	width: 80%;
	margin: auto;
	overflow: visible;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	font-size: 120%;
}

#model_box {
	width: 80%;
	overflow: auto;
	margin: auto;
}

#content_box>div, #model_box>div {
	min-height: 1px;
	float: left;
	position: relative;
	box-sizing: border-box;
}

#counter_box {
	font-size: 120%;
}

.dev0w0 { width: 0%; display: none; }
.dev0w05 { width: 5%; }
.dev0w1 { width: 10%; }
.dev0w15 { width: 15%; }
.dev0w16 { width: 16%; }
.dev0w2 { width: 20%; }
.dev0w25 { width: 25%; }
.dev0w3 { width: 30%; }
.dev0w35 { width: 35%; }
.dev0w4 { width: 40%; }
.dev0w425 { width: 42.5%; }
.dev0w45 { width: 45%; }
.dev0w5 { width: 50%; }
.dev0w525 { width: 52.5%; }
.dev0w55 { width: 55%; }
.dev0w6 { width: 60%; }
.dev0w65 { width: 65%; }
.dev0w7 { width: 70%; }
.dev0w8 { width: 80%; }
.dev0w9 { width: 90%; }
.dev0w10 { width: 100%; }

.dev0hor { width: 2.5%; }
.spacer_border { margin-left: 2.5%; border-left: 1px solid #84919a; }
.dev0vert { height: 80px; width: 100%; margin: 0px; border-left: 0px; }

@media screen and (max-width: 2000px) {
	/* Larger screens */
	
	.dev1w1 { width: 10% }
	.dev1w2 { width: 20% }
	.dev1w3 { width: 30% }
	.dev1w4 { width: 40% }
	.dev1w5 { width: 50% }
	.dev1w6 { width: 60% }
	.dev1w7 { width: 70% }
	.dev1w8 { width: 80% }
	.dev1w9 { width: 90% }
	.dev1w10 { width: 100% }
	
	body {
	}
	#content_box, #menu, #statement_box, #model_box {
		font-size: 110%;
	}
}


@media screen and (max-width: 1700px) {
	/* Normal screens */
	
	.dev2w1 { width: 10% }
	.dev2w2 { width: 20% }
	.dev2w3 { width: 30% }
	.dev2w4 { width: 40% }
	.dev2w5 { width: 50% }
	.dev2w6 { width: 60% }
	.dev2w7 { width: 70% }
	.dev2w8 { width: 80% }
	.dev2w9 { width: 90% }
	.dev2w10 { width: 100% }
	
	body {
	}
	
	#content_box, #menu, #statement_box, #model_box {
		font-size: 100%;
	}
	
	#statement_box {
		width: 320px;
	}
	
	#pluspunten {
		font-size: 0.8em;
	}
	
	#pluspunten img {
		width: 30px;
	}
	#pluspunten .liner {
		margin: 6% 0px 6% 45px;
	}
	
	
	#counter_box {
		font-size: 150%;
	}
}

@media screen and (max-width: 1400px) {
	/* Laptops */
	
	.dev3w1 { width: 10% }
	.dev3w2 { width: 20% }
	.dev3w3 { width: 30% }
	.dev3w4 { width: 40% }
	.dev3w5 { width: 50% }
	.dev3w6 { width: 60% }
	.dev3w7 { width: 70% }
	.dev3w8 { width: 80% }
	.dev3w9 { width: 90% }
	.dev3w10 { width: 100% }
	
	#content_box, #menu, #statement_box, #model_box {
		font-size: 85%;
	}
	
	#pluspunten {
		font-size: 0.9em;
	}
}


@media screen and (max-width: 1250px) {
	/* Netbooks and tablets in landscape */
	
	.dev4w1 { width: 10%; display: block; }
	.dev4w2 { width: 20% }
	.dev4w3 { width: 30% }
	.dev4w4 { width: 40% }
	.dev4w5 { width: 50% }
	.dev4w6 { width: 60% }
	.dev4w7 { width: 70% }
	.dev4w8 { width: 80% }
	.dev4w9 { width: 90% }
	.dev4w10 { width: 100% }
	
	.dev4vert { height: 40px; width: 100%; margin: 0px; border-left: 0px; display: block; }
	
	#content_box, #menu, #statement_box, #model_box {
		font-size: 80%;
	}
	
    .menu_item {
        letter-spacing: .1em;
    }
	
	#pluspunten {
		font-size: 0.8em;
	}
	#pluspunten img {
		width: 20px;
		margin-right: 10px;
	}
	#pluspunten .liner {
		margin: 6% 0px 6% 30px;
	}
}


@media screen and (max-width: 1000px) {
	/* Small tablets and phones in landscape */
	
	.dev5w0 { width: 0%; display: none; }
	.dev5w05 { width: 5%; display: block; }
	.dev5w1 { width: 10%; display: block; }
	.dev5w2 { width: 20% }
	.dev5w25 { width: 25% }
	.dev5w3 { width: 30%; display: block; }
	.dev5w4 { width: 40% }
	.dev5w475 { width: 47.5% }
	.dev5w5 { width: 50%; display: block;  }
	.dev5w6 { width: 60%; display: block; }
	.dev5w7 { width: 70% }
	.dev5w8 { width: 80%; display: block; }
	.dev5w9 { width: 90% }
	.dev5w10 { width: 100%; display: block;  }
	
	.dev5vert { height: 40px; width: 100%; margin: 0px; border-left: 0px; display: block; }
	
	body {
	}
	
	.menu_item {
		margin: auto 15px;
        font-size: .7em;
        letter-spacing: .07em;
	}
	
	
	#counter_icon img {
		display: block;
		height: 35px;
	}
	
	#counter_box {
		font-size: 100%;
	}
	
	#pluspunten {
		font-size: 0.9em;
	}
	
	#pluspunten img {
		width: 30px;
		margin-right: 15px;
	}
	#pluspunten .liner {
		margin: 6% 0px 6% 45px;
	}
	
	#statement_content {
		margin: 45px;
	}
	
	.footer_text {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 770px) {
	/* (Smart)phones */
	
	.dev6w0 { width: 0%; display: none; }
	.dev6w1 { width: 10%; display: block; }
	.dev6w2 { width: 20% }
	.dev6w3 { width: 30%; display: block; }
	.dev6w4 { width: 40% }
	.dev6w5 { width: 50%; display: block;  }
	.dev6w6 { width: 60%; display: block; }
	.dev6w7 { width: 70% }
	.dev6w8 { width: 80%; display: block; }
	.dev6w9 { width: 90% }
	.dev6w10 { width: 100%; display: block;  }
	
	.dev6vert { height: 40px; width: 100%; margin: 0px; border-left: 0px; }
	
	body {
	}
	
	.menu_bar_logo {
		text-align: center;
	}
	
	#content_box {
		width: 90%;
	}
	
	
	#menu_bar:not(.stick) .menu_bar_phone, #menu_bar:not(.stick) .menu_bar_logo, #menu_bar:not(.stick) .menu_bar_mini_menu_icon, #menu_bar.stick #menu {
		width: 0%;
		display: none;
	}
	
}

@media screen and (max-width: 600px) {
	/* (Smart)phones */
	
	.dev7w0 { width: 0%; display: none; }
	.dev7w1 { width: 10%; display: block; }
	.dev7w2 { width: 20% }
	.dev7w3 { width: 30%; display: block; }
	.dev7w4 { width: 40% }
	.dev7w5 { width: 50%; display: block;  }
	.dev7w6 { width: 60%; display: block; }
	.dev7w7 { width: 70% }
	.dev7w8 { width: 80%; display: block; }
	.dev7w9 { width: 90% }
	.dev7w10 { width: 100%; display: block;  }
	
	.dev7vert { height: 40px; width: 100%; margin: 0px; border-left: 0px; }
	
	body {
	}
	
	#content_box, #menu, #statement_box, #model_box {
		font-size: 100%;
	}
	
	#banner:not(.novideo) {
		min-height: 100vh;
	}
	
	#filler_box {
		display: none !important;
	}
	
	#logo_svg {
		width: 200px;
	}
	
	#title_box_container {
		margin-bottom: 155px;
		margin-top: 15%;
		font-size: 65%;
	}
	
	#logo_container {
		margin-top: 80px;
	}
	

	#title_button {
		margin-top: 10%;
		font-size: 150%;
	}
	
	#scroll_down_box {
		display: block;
	}
	
	#menu.dev7w0 {
		display: none;
	}
	
		
	#to_top_box {
		text-align: right;
	}
}