/* ####################################
	  DESKTOP VIEW, UNLIMITED WIDTH
##################################### */
		
/* valid for all tags, clear margin and padding */

* {
    margin:0px;
    padding:0px;
	text-decoration:none;
	list-style:none;
}


/* style the HTML tags one by one, either by class (.), by id (#) or by element tag */
	
body {
    background-color:white;
    font-family:Lato, sans-serif;
	font-size:16px;
    color:#111;
}




header { 
    height:750px;
    max-width:100%;
	background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2.jpg") no-repeat;
	background-size:cover;
	text-align:center;
}

.bars {
	/* display:none; */
	position:fixed;
	color:white;
	font-size:1.8em;
	top:30px;
	left:30px;
	width:50px;
	height:35px;
	background-color:black;
}

nav {
	position:fixed;
	background-color:rgba(17,17,17,0.7);
	height:660px;
	width:400px;
	top:90px;
	left:0px;
	
}

nav ul li {
	display:block;
	line-height:108px;
}

nav ul li:hover {
	background-color:#333;
	transition:.5s;
}

nav ul li a {
	color:#FFF;
	font-size:18px;
}

nav ul li a:hover, nav ul li a:active {
	
}

#site_menu:hover, #site_menu:active {
	background-color:white;
	color:black;
	
}

#site_menu:hover + div {
	display:block;
}

.head_title {
	max-width:1200px;
	margin:0px auto;
	padding-top:30px;

}

.head_title h1 {
	color:#F3F3F3;
	font-family:'Orbitron', sans-serif;
	font-size:2em;	
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:6px;
}

.head_desc {
	padding-top:300px;
	text-align:center;
}

.head_desc_oneline {
	display:none;
}

.head_desc p {
	font-family:'Heebo', sans-serif;
	color:#FFF;
	font-size:3em;
	letter-spacing:3px;
	font-weight:bold;
	max-width:900px;
	margin:0px auto;
	
}











.teaser {
	max-width:1200px;
	text-align:center;
	margin:0px auto;

}

.teaser_img {
	margin:120px 0px 60px 0px;
	max-width:100%;
	background:url("../img/ice_vector200.png") no-repeat;
	background-position:center;
	height:200px;
	background-size:stretch;

}

#voordelen {
	background:url("../img/synergy.png") no-repeat;
	background-position:center;
	background-size:contain;
}

#mogelijkheden {
	background:url("../img/digital_png.png") no-repeat;
	background-position:center;
	background-size:contain;
}

#services {
	background:url("../img/motivation.png") no-repeat;
	background-position:center;
	background-size:contain;
}

#ookvooru {
	background:url("../img/train_vector.png") no-repeat;
	background-position:center;
	background-size:contain;
}

#contact {
	background:url("../img/chat_vector.png") no-repeat;
	background-position:center;
	background-size:contain;
}

.teaser h2 {
	font-size:32px;
	padding-bottom:20px;

}

.teaser p {
	margin:0px 150px;
	line-height:25px;
	text-align: justify;
	text-justify: inter-word;
}

#show_dots {
	color:red;
	font-weight:bold;
	font-size:14px;
}

#show_dots:hover {
	cursor:pointer;
}

#normal_hidden {
	display:none;
}

#show_dots2 {
	color:red;
	font-weight:bold;
	font-size:14px;
}

#show_dots2:hover {
	cursor:pointer;
}

#normal_hidden2 {
	display:none;
}

.teaser h4 {
	display:inline;
}

.inpage_href {
	text-decoration:underline;
}






.center_banner {
	height:440px;
	max-width:100%;	
	margin-top:150px;
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_db.jpg") no-repeat;
	background-size:cover;
	margin-bottom:120px;
}

#voordelen_center {
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/station_crop.jpg") no-repeat;
	background-size:cover;
}

#mogelijkheden_center {
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/banner_db.jpg") no-repeat;
	background-size:cover;
}

#services_center {
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/diorama_crop.jpg") no-repeat;
	background-size:cover;
}

#ookvooru_center {
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/class66_crop2.jpg") no-repeat;
	background-size:cover;
}

#contact_center {
	background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), url("../img/usa_crop.jpg") no-repeat;
	background-size:cover;
}

.center_bg {
	max-width:100%;
	text-align:center;
	padding-top:180px;
}

.center_bg p {
	color:white;
	font-family:'Heebo', sans-serif;
	color:#FFF;
	font-size:2em;
	letter-spacing:3px;
	font-weight:bold;
	
}




.contactform {
	border-radius:10px;
	background-color:#BBB;
	padding:20px;
	width:500px;
	margin:25px auto 0px auto;
	text-align:center;
}

label {
	display:block;
	padding:10px 0px 2px 10px;
}

input[type=text], textarea {
	width:100%; 
	padding:12px; 
	border:1px solid #ccc; 
	border-radius:4px; 
	box-sizing:border-box; 
	margin-top:6px; 
	margin-bottom:16px; 
	resize:vertical;
	font-family:'Heebo', sans-serif;
}

input[type=text]:hover, textarea:hover {
	border:1px solid #111;
	transition:0.5s;
}

input[type=submit] {
	background-color:#333;
	color:white;
	padding:12px 20px;
	border:none;
	border-radius:4px;
	cursor:pointer;
	text-align:center;
	font-family:'Heebo', sans-serif;
}

input[type=submit]:hover {
	background-color:#4CAF50;
	color:black;
	transition:0.5s;
}






.end_banner {
	height:500px;
	max-width:100%;	
	margin-top:150px;
	background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_crop.jpg") no-repeat;
	background-size:cover;
}

#voordelen_end {
	background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_crop.jpg") no-repeat;
	background-size:cover;
}

#mogelijkheden_end {
	background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)), url("../img/country_cropfilter.jpg") no-repeat;
	background-size:cover;
} 

#services_end {
	background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/RHB_crop.jpg") no-repeat;
	background-size:cover;
} 

#ookvooru_end {
	background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_crop.jpg") no-repeat;
	background-size:cover;
}

#contact_end {
	background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_crop.jpg") no-repeat;
	background-size:cover;
}
	
.banner_bg {
	max-width:100%;
	text-align:center;
	padding-top:250px;
}

.banner_bg p {
	color:white;
	font-family:'Heebo', sans-serif;
	color:#FFF;
	font-size:2em;
	letter-spacing:3px;
	font-weight:bold;
	
}





footer {
	background-color:white;
}

.closing_bar {
	height:230px;
	background-color:#252525;
	color:#EEE;
	text-align:center;
	
}

#contact_closing {
		display:none;
	}

.closing_bar p {
	font-size:18px;
	padding:50px 0px 30px;
	
}

.closing_bar input {
	width: 250px; 
}

#emailbottom {
	background-color:#EEE;
	padding-left:10px;
	color:#777;
	
}

#emailbottom:hover {
	background-color:#AAA;
	color:#111;
	transition:all 0.5s;
}

#submitbottom {
	margin-left:15px;
	border:2px solid white;
	background-color:#252525;
	color:#EEE;
	
}

#submitbottom:hover {
	background-color:white;
	color:#111;
	transition:all 0.5s;

}

.social_media {
	height:230px;
	background-color:#252525;
	color:#EEE;
	text-align:center;
}

.socialmedia_container {
	width:1200px;
	margin:0px auto;
	padding-top:80px;
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	/*background-color:#111;*/
	text-align:center;
}

.social_media p {
	grid-column:1/span 3;
	font-size:20px;
	/*background-color:grey;*/
	padding-top:11px;
	text-transform:uppercase;
	text-align:right;
}

.social_media ul {
	grid-column:4/span 2;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
}

.social_media ul li {
	/*border:1px solid #111;*/
	/*background-color:yellow;*/
	font-size:12px;
}

#facebook_grid {
	grid-column:2/span 1;
	/*background-color:lime;*/
}

#instagram_grid {
	grid-column:3/span 1;
	/*background-color:purple;*/
}

.social_media ul li a {
	color:white;
	/*background-color:blue;*/
	text-align:center;
	font-size:40px;
	border-radius:10px;
	width:40px;
	padding:7px 5px 5px 7px;
}

.social_media ul li a:hover {
	opacity:0.5;
}

.fa-facebook {
	background:#3B5998;
	color:white;
}

.fa-instagram {
	background:linear-gradient(to bottom left, blue, purple, red, orange, yellow);
	color:white;
}

.bottom_links {
	height:120px;	
	background-color:white;
	color:#111;
	max-width:1000px;
	margin:0px auto;
	padding-top:100px;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	text-align:center;
	/*background-color:yellow;*/
}

#contact_links {
	/*display:none;*/
}

.bottom_links a {
	font-family:'Orbitron', sans-serif;
	font-weight:bold;
	/*float:left;*/
	/*padding:10px;
	margin:0px 50px;*/
	color:#111;
	/*background-color:red;*/
	padding:10px;
	height:40px;

}

.bottom_links a:hover {
	/*background:linear-gradient(rgba(170,170,170,0.4), rgba(170,170,170,0.9), rgba(170,170,170,1.0));*/
	color:#333;
	text-decoration:underline;
	transition:.5s;
}

/* ####################################
  END OF DESKTOP VIEW, UNLIMITED WIDTH
##################################### */








/* ####################################
  Desktop limited VIEW, Max 1280px
##################################### */

@media screen and (max-width:1280px) {
    /* do nothing yet */    
    body {
		background-color:cyan;
	}
	
	header { 
		height:80vh;
		max-width:100%;
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2mobile.jpg") no-repeat;
		background-size:cover;
		text-align:center;
	}

	.bars {
		position:fixed;
		color:white;
		font-size:1.8em;
		top:30px;
		left:30px;
		width:50px;
		height:35px;
		background-color:black;
	}
	
	nav {
		position:fixed;
		background-color:rgba(17,17,17,0.7);
		height:66vh;
		width:35vw;
		top:100px;
		left:0px;
	}
	
	nav ul li {
		display:block;
		line-height:11vh;
	}

	nav ul li:hover {
		background-color:#222;
	}

	nav ul li a {
		color:#FFF;
		font-size:22px;
		font-weight:bold;
	}




	.head_title {
		max-width:100%;
		margin:0px auto;
		padding-top:30px;
		padding-left:40px;
	}

	.head_title h1 {
		color:#F3F3F3;
		font-family:'Orbitron', sans-serif;
		font-size:2em;	
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:5px;
	}

	.head_desc {
		display:block;
		padding-top:40vh;
		text-align:right;
	}
	
	.head_desc_oneline {
		display:none;
	}

	.head_desc p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:36px;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}
	
	.head_desc_oneline p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}

	
	
	
	
	.teaser {
		font-size:15px;
		max-width:80%;
		text-align:center;
		/*background-color:red;*/
		padding:15vh 20px 0px 20px;
		/*background-color:grey;*/
		margin:0px auto;
	}

	.teaser_img {
		max-width:80%;
		margin:0px auto;
		background:url("../img/ice_vector200.png") no-repeat;
		background-position:center;
		height:150px;
		background-size:contain;
		margin-bottom:10vh;
		/*background-color:yellow;*/
	}
	
	.teaser h2 {
		max-width:90%;
		margin:0px auto;
		font-size:24px;
		padding-bottom:5vh;
		font-weight:900;
		/*background-color:red;*/
	}

	.teaser p {
		margin:0px;
		max-width:100%;
		line-height:110%;
		padding-bottom:15vh;
		text-align:justify;
		text-justify:inter-word;
		/*background-color:blue;*/
	}

	#show_dots {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}

	#show_dots2 {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}
	
	
	
	
	.center_banner {
		height:43vh;
		max-width:100%;	
		margin-top:0px;
		margin-bottom:0px;
		/*background-color:yellow;*/
	}
	
	#voordelen_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/station_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_dbmobile.jpg") no-repeat;
		background-size:cover;
	}

	#services_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/diorama_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#ookvooru_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/class66_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/usa_cropmobile.jpg") no-repeat;
		background-size:cover;
	}
	
	.center_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}
	
	#voordelen_bg, #services_bg {
		padding-top:23vh;
	}
	
	#mogelijkheden_bg, #ookvooru_bg, #contact_bg {
		padding-top:18vh;
	}

	.center_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}



	
	
	.contactform {
		border-radius:10px;
		background-color:#BBB;
		padding:20px;
		width:60%;
		margin:0px auto;
		/*margin-top:25px;*/
		text-align:left;
		margin-bottom:15vh;
	}

	label {
		display:block;
		padding:10px 0px 2px 10px;
		font-weight:bold;
	}

	input[type=text], textarea {
		width:100%; 
		padding:12px; 
		border:1px solid #ccc; 
		border-radius:4px; 
		box-sizing:border-box; 
		margin-top:6px; 
		margin-bottom:16px; 
		resize:vertical;
		font-size:14px;
	}

	input[type=text]:hover, textarea:hover {
		border:1px solid #111;
		transition:0.5s;
	}

	input[type=submit] {
		background-color:darkgreen;
		color:white;
		padding:20px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		margin-left:150px;
		font-size:16px;
	}

	input[type=submit]:hover {
		background-color:#4CAF50;
		color:black;
		transition:0.5s;
	}





	.end_banner {
		height:43vh;
		max-width:100%;	
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_cropmobile.jpg") no-repeat;
		background-size:cover;
		margin-top:0px;
	}
	
	#voordelen_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/country_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#services_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/RHB_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#ookvooru_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_mobile.jpg") no-repeat;
		background-size:cover;
	}
		
	.banner_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}

	.banner_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}

	
	
	
	footer {
		background-color:white;
	}

	.closing_bar {
		height:45vh;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		
	}
	
	#contact_closing {
		display:none;
	}

	.closing_bar p {
		font-size:20px;
		padding:40px 0px 30px;
		
	}

	.closing_bar input {
		width:180px;
		font-size:14px;	
	}

	#emailbottom {
		width:250px;
		background-color:#EEE;
		padding-left:10px;
		color:#444;
		font-size:14px;		
	}

	#submitbottom {
		margin:0px;
		padding:0px;
		margin-top:30px;
		border:1px solid white;
		padding:10px;
		background-color:#444;
		color:#EEE;
		border-radius:3px;
		cursor:none;
		text-align:center;
		font-size:16px;
		
	}
	
	
	
	.social_media {
		/* already set in default view
		height:230px;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		*/
	}

	.socialmedia_container {
		width:90%;
		margin:0px auto;
		padding-top:60px;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		text-align:center;
		/*background-color:red;*/	
	}

	.social_media p {
		grid-column:1/span 4;
		font-size:20px;
		/*background-color:grey;*/
		padding-top:0px;
		text-align:center;
	}

	.social_media ul {
		grid-column:2/span 2;
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		padding-top:20px;
	}

	.social_media ul li {
		/*border:1px solid #111;*/
		/*background-color:yellow;*/
		font-size:12px;
	}

	#facebook_grid {
		grid-column:1/span 1;
		/*background-color:lime;*/
	}

	#instagram_grid {
		grid-column:2/span 1;
		/*background-color:purple;*/
	}

	.social_media ul li a {
		color:white;
		/*background-color:blue;*/
		text-align:center;
		font-size:40px;
		border-radius:10px;
		width:40px;
		padding:7px 5px 5px 7px;
	}

	.social_media ul li a:hover {
		opacity:1;
	}

	.fa-facebook {
		background:#3B5998;
		color:white;
	}

	.fa-instagram {
		background:linear-gradient(blue, purple, red, orange, yellow);
		color:white;
	}



	.bottom_links {
		display:none;
	}

}

/* ####################################
END OF PC LIMITED VIEW, max 1280px
##################################### */







/* ####################################
  TABLET VIEW, HORIZONTAL ORIENTATION
##################################### */

@media screen and (max-width:1024px) {
    /* do nothing yet */    
    body {
		background-color:lime;
	}
	
	header { 
		height:80vh;
		max-width:100%;
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2mobile.jpg") no-repeat;
		background-size:cover;
		text-align:center;
	}

	.bars {
		position:fixed;
		color:white;
		font-size:1.8em;
		top:30px;
		left:30px;
		width:50px;
		height:35px;
		background-color:black;
	}
	
	nav {
		position:fixed;
		background-color:rgba(17,17,17,0.7);
		height:66vh;
		width:35vw;
		top:100px;
		left:0px;
	}
	
	nav ul li {
		display:block;
		line-height:11vh;
	}

	nav ul li:hover {
		background-color:#222;
	}

	nav ul li a {
		color:#FFF;
		font-size:22px;
		font-weight:bold;
	}




	.head_title {
		max-width:100%;
		margin:0px auto;
		padding-top:30px;
		padding-left:40px;
	}

	.head_title h1 {
		color:#F3F3F3;
		font-family:'Orbitron', sans-serif;
		font-size:2em;	
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:5px;
	}

	.head_desc {
		display:block;
		padding-top:40vh;
		text-align:right;
	}
	
	.head_desc_oneline {
		display:none;
	}

	.head_desc p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:36px;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}
	
	.head_desc_oneline p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}

	
	
	
	
	.teaser {
		font-size:15px;
		max-width:80%;
		text-align:center;
		/*background-color:red;*/
		padding:15vh 20px 0px 20px;
		/*background-color:grey;*/
		margin:0px auto;
	}

	.teaser_img {
		max-width:80%;
		margin:0px auto;
		background:url("../img/ice_vector200.png") no-repeat;
		background-position:center;
		height:150px;
		background-size:contain;
		margin-bottom:10vh;
		/*background-color:yellow;*/
	}
	
	.teaser h2 {
		max-width:90%;
		margin:0px auto;
		font-size:24px;
		padding-bottom:5vh;
		font-weight:900;
		/*background-color:red;*/
	}

	.teaser p {
		margin:0px;
		max-width:100%;
		line-height:110%;
		padding-bottom:15vh;
		text-align:justify;
		text-justify:inter-word;
		/*background-color:blue;*/
	}

	#show_dots {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}

	#show_dots2 {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}
	
	
	
	
	.center_banner {
		height:43vh;
		max-width:100%;	
		margin-top:0px;
		margin-bottom:0px;
		/*background-color:yellow;*/
	}
	
	#voordelen_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/station_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_dbmobile.jpg") no-repeat;
		background-size:cover;
	}

	#services_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/diorama_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#ookvooru_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/class66_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/usa_cropmobile.jpg") no-repeat;
		background-size:cover;
	}
	
	.center_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}
	
	#voordelen_bg, #services_bg {
		padding-top:23vh;
	}
	
	#mogelijkheden_bg, #ookvooru_bg, #contact_bg {
		padding-top:18vh;
	}

	.center_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}



	
	
	.contactform {
		border-radius:10px;
		background-color:#BBB;
		padding:20px;
		width:60%;
		margin:0px auto;
		/*margin-top:25px;*/
		text-align:left;
		margin-bottom:15vh;
	}

	label {
		display:block;
		padding:10px 0px 2px 10px;
		font-weight:bold;
	}

	input[type=text], textarea {
		width:100%; 
		padding:12px; 
		border:1px solid #ccc; 
		border-radius:4px; 
		box-sizing:border-box; 
		margin-top:6px; 
		margin-bottom:16px; 
		resize:vertical;
		font-size:14px;
	}

	input[type=text]:hover, textarea:hover {
		border:1px solid #111;
		transition:0.5s;
	}

	input[type=submit] {
		background-color:darkgreen;
		color:white;
		padding:20px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		margin-left:150px;
		font-size:16px;
	}

	input[type=submit]:hover {
		background-color:#4CAF50;
		color:black;
		transition:0.5s;
	}





	.end_banner {
		height:43vh;
		max-width:100%;	
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_cropmobile.jpg") no-repeat;
		background-size:cover;
		margin-top:0px;
	}
	
	#voordelen_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/country_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#services_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/RHB_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#ookvooru_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_mobile.jpg") no-repeat;
		background-size:cover;
	}
		
	.banner_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}

	.banner_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}

	
	
	
	footer {
		background-color:white;
	}

	.closing_bar {
		height:45vh;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		
	}
	
	#contact_closing {
		display:none;
	}

	.closing_bar p {
		font-size:20px;
		padding:40px 0px 30px;
		
	}

	.closing_bar input {
		width:180px;
		font-size:14px;	
	}

	#emailbottom {
		width:250px;
		background-color:#EEE;
		padding-left:10px;
		color:#444;
		font-size:14px;		
	}

	#submitbottom {
		margin:0px;
		padding:0px;
		margin-top:30px;
		border:1px solid white;
		padding:10px;
		background-color:#444;
		color:#EEE;
		border-radius:3px;
		cursor:none;
		text-align:center;
		font-size:16px;
		
	}
	
	
	
	.social_media {
		/* already set in default view
		height:230px;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		*/
	}

	.socialmedia_container {
		width:90%;
		margin:0px auto;
		padding-top:60px;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		text-align:center;
		/*background-color:red;*/	
	}

	.social_media p {
		grid-column:1/span 4;
		font-size:20px;
		/*background-color:grey;*/
		padding-top:0px;
		text-align:center;
	}

	.social_media ul {
		grid-column:2/span 2;
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		padding-top:20px;
	}

	.social_media ul li {
		/*border:1px solid #111;*/
		/*background-color:yellow;*/
		font-size:12px;
	}

	#facebook_grid {
		grid-column:1/span 1;
		/*background-color:lime;*/
	}

	#instagram_grid {
		grid-column:2/span 1;
		/*background-color:purple;*/
	}

	.social_media ul li a {
		color:white;
		/*background-color:blue;*/
		text-align:center;
		font-size:40px;
		border-radius:10px;
		width:40px;
		padding:7px 5px 5px 7px;
	}

	.social_media ul li a:hover {
		opacity:1;
	}

	.fa-facebook {
		background:#3B5998;
		color:white;
	}

	.fa-instagram {
		background:linear-gradient(blue, purple, red, orange, yellow);
		color:white;
	}



	.bottom_links {
		display:none;
	}

}

/* ####################################
END OF TABLET VIEW, HORIZONTAL ORIENTATION
##################################### */







/* ####################################
   TABLET VIEW, VERTICAL ORIENTATION
##################################### */

@media screen and (max-width:960px) {

	body {
		background-color:pink;
	}
	
	header { 
		height:60vh;
		max-width:100%;
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2mobile.jpg") no-repeat;
		background-size:cover;
		text-align:center;
	}

	.bars {
		position:fixed;
		color:white;
		font-size:1.8em;
		top:20px;
		left:20px;
		width:50px;
		height:35px;
		background-color:black;
	}
	
	nav {
		position:fixed;
		background-color:rgba(17,17,17,0.7);
		height:37vh;
		width:100%;
		top:80px;
		left:0px;
	}
	
	nav ul li {
		display:block;
		line-height:6vh;
	}

	nav ul li:hover {
		background-color:#222;
	}

	nav ul li a {
		color:#FFF;
		font-size:22px;
		font-weight:bold;
	}




	.head_title {
		max-width:100%;
		margin:0px auto;
		padding-top:20px;
		padding-left:40px;
	}

	.head_title h1 {
		color:#F3F3F3;
		font-family:'Orbitron', sans-serif;
		font-size:2em;	
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:5px;
	}

	.head_desc {
		display:block;
		padding-top:40vh;
		text-align:center;
	}
	
	.head_desc_oneline {
		display:none;
	}

	.head_desc p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:32px;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}
	
	.head_desc_oneline p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}

	
	
	
	
	.teaser {
		font-size:15px;
		max-width:80%;
		text-align:center;
		/*background-color:red;*/
		padding:15vh 20px 0px 20px;
		/*background-color:grey;*/
		margin:0px auto;
	}

	.teaser_img {
		max-width:80%;
		margin:0px auto;
		background:url("../img/ice_vector200.png") no-repeat;
		background-position:center;
		height:150px;
		background-size:contain;
		margin-bottom:10vh;
		/*background-color:yellow;*/
	}
	
	.teaser h2 {
		max-width:90%;
		margin:0px auto;
		font-size:24px;
		padding-bottom:5vh;
		font-weight:900;
		/*background-color:red;*/
	}

	.teaser p {
		margin:0px;
		max-width:100%;
		line-height:110%;
		padding-bottom:15vh;
		text-align:justify;
		text-justify:inter-word;
		/*background-color:blue;*/
	}

	#show_dots {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}

	#show_dots2 {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:12px;
	}
	
	
	
	
	.center_banner {
		height:43vh;
		max-width:100%;	
		margin-top:0px;
		margin-bottom:0px;
		/*background-color:yellow;*/
	}
	
	#voordelen_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/station_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_dbmobile.jpg") no-repeat;
		background-size:cover;
	}

	#services_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/diorama_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#ookvooru_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/class66_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/usa_cropmobile.jpg") no-repeat;
		background-size:cover;
	}
	
	.center_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}
	
	#voordelen_bg, #services_bg {
		padding-top:23vh;
	}
	
	#mogelijkheden_bg, #ookvooru_bg, #contact_bg {
		padding-top:18vh;
	}

	.center_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}



	
	
	.contactform {
		border-radius:10px;
		background-color:#BBB;
		padding:20px;
		width:90%;
		margin:0px auto;
		/*margin-top:25px;*/
		text-align:left;
		margin-bottom:15vh;
	}

	label {
		display:block;
		padding:10px 0px 2px 10px;
		font-weight:bold;
	}

	input[type=text], textarea {
		width:100%; 
		padding:12px; 
		border:1px solid #ccc; 
		border-radius:4px; 
		box-sizing:border-box; 
		margin-top:6px; 
		margin-bottom:16px; 
		resize:vertical;
		font-size:14px;
	}

	input[type=text]:hover, textarea:hover {
		border:1px solid #111;
		transition:0.5s;
	}

	input[type=submit] {
		background-color:darkgreen;
		color:white;
		padding:20px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		margin-left:160px;
		font-size:16px;
	}

	input[type=submit]:hover {
		background-color:#4CAF50;
		color:black;
		transition:0.5s;
	}





	.end_banner {
		height:43vh;
		max-width:100%;	
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_cropmobile.jpg") no-repeat;
		background-size:cover;
		margin-top:0px;
	}
	
	#voordelen_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/country_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#services_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/RHB_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#ookvooru_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_mobile.jpg") no-repeat;
		background-size:cover;
	}
		
	.banner_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}

	.banner_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}

	
	
	
	footer {
		background-color:white;
	}

	.closing_bar {
		height:45vh;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		
	}
	
	#contact_closing {
		display:none;
	}

	.closing_bar p {
		font-size:20px;
		padding:40px 0px 30px;
		
	}

	.closing_bar input {
		width:180px;
		font-size:14px;	
	}

	#emailbottom {
		width:250px;
		background-color:#EEE;
		padding-left:10px;
		color:#444;
		font-size:14px;		
	}

	#submitbottom {
		margin:0px;
		padding:0px;
		margin-top:30px;
		border:1px solid white;
		padding:10px;
		background-color:#444;
		color:#EEE;
		border-radius:3px;
		cursor:none;
		text-align:center;
		font-size:16px;
		
	}
	
	
	
	.social_media {
		/* already set in default view
		height:230px;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		*/
	}

	.socialmedia_container {
		width:90%;
		margin:0px auto;
		padding-top:60px;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		text-align:center;
		/*background-color:red;*/	
	}

	.social_media p {
		grid-column:1/span 4;
		font-size:20px;
		/*background-color:grey;*/
		padding-top:0px;
		text-align:center;
	}

	.social_media ul {
		grid-column:2/span 2;
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		padding-top:20px;
	}

	.social_media ul li {
		/*border:1px solid #111;*/
		/*background-color:yellow;*/
		font-size:12px;
	}

	#facebook_grid {
		grid-column:1/span 1;
		/*background-color:lime;*/
	}

	#instagram_grid {
		grid-column:2/span 1;
		/*background-color:purple;*/
	}

	.social_media ul li a {
		color:white;
		/*background-color:blue;*/
		text-align:center;
		font-size:40px;
		border-radius:10px;
		width:40px;
		padding:7px 5px 5px 7px;
	}

	.social_media ul li a:hover {
		opacity:1;
	}

	.fa-facebook {
		background:#3B5998;
		color:white;
	}

	.fa-instagram {
		background:linear-gradient(blue, purple, red, orange, yellow);
		color:white;
	}



	.bottom_links {
		display:none;
	}


}

/* ####################################
END OF TABLET VIEW, VERTICAL ORIENTATION
##################################### */








/* ####################################
   MOBILE VIEW, HORIZONTAL ORIENTATION
##################################### */

@media screen and (max-width:700px) {

	body {
		background-color:green;
	}
	
	header { 
		height:80vh;
		max-width:100%;
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2mobile.jpg") no-repeat;
		background-size:cover;
		text-align:center;
	}

	.bars {
		position:fixed;
		color:white;
		font-size:1.8em;
		top:10px;
		left:10px;
		width:50px;
		height:35px;
		background-color:black;
	}
	
	nav {
		position:fixed;
		background-color:rgba(17,17,17,0.7);
		height:57vh;
		width:100%;
		top:42px;
		left:0px;
	}
	
	nav ul li {
		display:block;
		line-height:9vh;
	}

	nav ul li:hover {
		background-color:#222;
	}

	nav ul li a {
		color:#FFF;
		font-size:22px;
		font-weight:bold;
	}




	.head_title {
		max-width:100%;
		margin:0px auto;
		padding-top:5px;
		padding-left:40px;
	}

	.head_title h1 {
		color:#F3F3F3;
		font-family:'Orbitron', sans-serif;
		font-size:2em;	
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:5px;
	}

	.head_desc {
		display:none;
	}
	
	.head_desc_oneline {
		display:block;
		padding-top:55vh;
		text-align:center;
		/*background-color:yellow;*/
	}

	.head_desc p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}
	
	.head_desc_oneline p {
		display:block;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}

	
	
	
	
	.teaser {
		font-size:11px;
		max-width:90%;
		text-align:center;
		/*background-color:red;*/
		padding:15vh 20px 0px 20px;
		/*background-color:grey;*/
		margin:0px;
	}

	.teaser_img {
		max-width:80%;
		margin:0px auto;
		background:url("../img/ice_vector200.png") no-repeat;
		background-position:center;
		height:150px;
		background-size:contain;
		margin-bottom:10vh;
		/*background-color:yellow;*/
	}
	
	.teaser h2 {
		max-width:90%;
		margin:0px auto;
		font-size:24px;
		padding-bottom:5vh;
		font-weight:900;
		/*background-color:red;*/
	}

	.teaser p {
		margin:0px;
		max-width:100%;
		line-height:110%;
		padding-bottom:15vh;
		text-align:justify;
		text-justify:inter-word;
		/*background-color:blue;*/
	}

	#show_dots {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:10px;
	}

	#show_dots2 {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:10px;
	}
	
	
	
	
	.center_banner {
		height:75vh;
		max-width:100%;	
		margin-top:0px;
		margin-bottom:0px;
		/*background-color:yellow;*/
	}
	
	#voordelen_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/station_700.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_db700.jpg") no-repeat;
		background-size:cover;
	}

	#services_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/diorama_700.jpg") no-repeat;
		background-size:cover;
	}

	#ookvooru_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/class66_700.jpg") no-repeat;
		background-size:cover;
	}

	#contact_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/usa_crop700.jpg") no-repeat;
		background-size:cover;
	}
	
	.center_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}
	
	#voordelen_bg, #services_bg {
		padding-top:23vh;
	}
	
	#mogelijkheden_bg, #ookvooru_bg, #contact_bg {
		padding-top:18vh;
	}

	.center_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}



	
	
	.contactform {
		border-radius:10px;
		background-color:#BBB;
		padding:20px;
		width:90%;
		margin:0px auto;
		/*margin-top:25px;*/
		text-align:left;
		margin-bottom:15vh;
	}

	label {
		display:block;
		padding:10px 0px 2px 10px;
		font-weight:bold;
	}

	input[type=text], textarea {
		width:100%; 
		padding:12px; 
		border:1px solid #ccc; 
		border-radius:4px; 
		box-sizing:border-box; 
		margin-top:6px; 
		margin-bottom:16px; 
		resize:vertical;
		font-size:14px;
	}

	input[type=text]:hover, textarea:hover {
		border:1px solid #111;
		transition:0.5s;
	}

	input[type=submit] {
		background-color:darkgreen;
		color:white;
		padding:20px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		margin-left:160px;
		font-size:16px;
	}

	input[type=submit]:hover {
		background-color:#4CAF50;
		color:black;
		transition:0.5s;
	}





	.end_banner {
		height:75vh;
		max-width:100%;	
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_700.jpg") no-repeat;
		background-size:cover;
		margin-top:0px;
	}
	
	#voordelen_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_700.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/country_filter700.jpg") no-repeat;
		background-size:cover;
	} 

	#services_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/rhb_700.jpg") no-repeat;
		background-size:cover;
	} 

	#ookvooru_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_700.jpg") no-repeat;
		background-size:cover;
	}
		
	.banner_bg {
		max-width:100%;
		text-align:center;
		padding-top:25vh;
	}

	.banner_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}

	
	
	
	footer {
		background-color:white;
	}

	.closing_bar {
		height:45vh;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		
	}
	
	#contact_closing {
		display:none;
	}

	.closing_bar p {
		font-size:20px;
		padding:40px 0px 30px;
		
	}

	.closing_bar input {
		width:180px;
		font-size:14px;	
	}

	#emailbottom {
		width:250px;
		background-color:#EEE;
		padding-left:10px;
		color:#444;
		font-size:14px;		
	}

	#submitbottom {
		margin:0px;
		padding:0px;
		margin-top:30px;
		border:1px solid white;
		padding:10px;
		background-color:#444;
		color:#EEE;
		border-radius:3px;
		cursor:none;
		text-align:center;
		font-size:16px;
		
	}
	
	
	
	.social_media {
		/* already set in default view
		height:230px;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		*/
	}

	.socialmedia_container {
		width:90%;
		margin:0px auto;
		padding-top:60px;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		text-align:center;
		/*background-color:red;*/	
	}

	.social_media p {
		grid-column:1/span 4;
		font-size:20px;
		/*background-color:grey;*/
		padding-top:0px;
		text-align:center;
	}

	.social_media ul {
		grid-column:2/span 2;
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		padding-top:20px;
	}

	.social_media ul li {
		/*border:1px solid #111;*/
		/*background-color:yellow;*/
		font-size:12px;
	}

	#facebook_grid {
		grid-column:1/span 1;
		/*background-color:lime;*/
	}

	#instagram_grid {
		grid-column:2/span 1;
		/*background-color:purple;*/
	}

	.social_media ul li a {
		color:white;
		/*background-color:blue;*/
		text-align:center;
		font-size:40px;
		border-radius:10px;
		width:40px;
		padding:7px 5px 5px 7px;
	}

	.social_media ul li a:hover {
		opacity:1;
	}

	.fa-facebook {
		background:#3B5998;
		color:white;
	}

	.fa-instagram {
		background:linear-gradient(blue, purple, red, orange, yellow);
		color:white;
	}



	.bottom_links {
		display:none;
	}


}

/* ####################################
END OF MOBILE VIEW, HORIZONTAL ORIENTATION
##################################### */







/* ####################################
MOBILE VIEW, VERTICAL ORIENTATION (smallest)
##################################### */

@media screen and (max-width:480px) {

	body {
		background-color:yellow;
	}
	
	header { 
		height:80vh;
		max-width:100%;
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/shallow_banner_crop2mobile.jpg") no-repeat;
		background-size:cover;
		text-align:center;
	}

	.bars {
		position:fixed;
		color:white;
		font-size:1.8em;
		top:10px;
		left:10px;
		width:50px;
		height:35px;
		background-color:black;
	}
	
	nav {
		position:fixed;
		background-color:rgba(17,17,17,0.7);
		height:55vh;
		width:100%;
		top:85px;
		left:0px;
	}
	
	nav ul li {
		display:block;
		line-height:9vh;
	}

	nav ul li:hover {
		background-color:#222;
	}

	nav ul li a {
		color:#FFF;
		font-size:22px;
		font-weight:bold;
	}




	.head_title {
		max-width:100%;
		margin:0px auto;
		padding-top:5px;
		padding-left:40px;
	}

	.head_title h1 {
		color:#F3F3F3;
		font-family:'Orbitron', sans-serif;
		font-size:2em;	
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:5px;
	}

	.head_desc {
		display:block;
		padding-top:55vh;
		text-align:center;
	}
	
	.head_desc_oneline {
		display:none;
	}

	.head_desc p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}

	.head_desc_oneline p {
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.4em;
		letter-spacing:1px;
		font-weight:bold;
		padding-left:20px;
	}
	
	
	
	
	.teaser {
		font-size:14px;
		max-width:90%;
		text-align:center;
		/*background-color:red;*/
		padding:15vh 20px 0px 20px;
		/*background-color:grey;*/
		margin:0px;
	}

	.teaser_img {
		max-width:80%;
		margin:0px auto;
		background:url("../img/ice_vector200.png") no-repeat;
		background-position:center;
		height:150px;
		background-size:contain;
		margin-bottom:10vh;
		/*background-color:yellow;*/
	}
	
	.teaser h2 {
		max-width:90%;
		margin:0px auto;
		font-size:24px;
		padding-bottom:5vh;
		/*background-color:red;*/
	}

	.teaser p {
		margin:0px;
		max-width:100%;
		line-height:110%;
		padding-bottom:15vh;
		text-align:justify;
		text-justify:inter-word;
		/*background-color:blue;*/
	}

	#show_dots {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:14px;
	}

	#show_dots2 {
		font-family:'Heebo', sans-serif;
		color:red;
		font-weight:bold;
		font-size:14px;
	}
	
	
	
	
	
	.center_banner {
		height:60vh;
		max-width:100%;	
		margin-top:0px;
		margin-bottom:0px;
		/*background-color:yellow;*/
	}
	
	#voordelen_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/station_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/banner_dbmobile.jpg") no-repeat;
		background-size:cover;
	}

	#services_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/diorama_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#ookvooru_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/class66_cropmobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_center {
		background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/usa_cropmobile.jpg") no-repeat;
		background-size:cover;
	}
	
	.center_bg {
		max-width:80%;
		margin:0px auto;
		text-align:center;
		padding-top:25vh;
	}
	
	#voordelen_bg, #services_bg {
		padding-top:23vh;
	}
	
	#mogelijkheden_bg, #ookvooru_bg, #contact_bg {
		padding-top:18vh;
	}

	.center_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}



	
	
	.contactform {
		border-radius:10px;
		background-color:#BBB;
		padding:20px;
		width:90%;
		margin:0px auto;
		/*margin-top:25px;*/
		text-align:left;
		margin-bottom:15vh;
	}

	label {
		display:block;
		padding:10px 0px 2px 10px;
		font-weight:bold;
	}

	input[type=text], textarea {
		width:100%; 
		padding:12px; 
		border:1px solid #ccc; 
		border-radius:4px; 
		box-sizing:border-box; 
		margin-top:6px; 
		margin-bottom:16px; 
		resize:vertical;
	}

	input[type=text]:hover, textarea:hover {
		border:1px solid #111;
		transition:0.5s;
	}

	input[type=submit] {
		background-color:darkgreen;
		color:white;
		padding:20px;
		border:none;
		border-radius:4px;
		cursor:pointer;
		text-align:center;
		margin-left:70px;
		font-size:13px;
	}

	input[type=submit]:hover {
		background-color:#4CAF50;
		color:black;
		transition:0.5s;
	}





	.end_banner {
		height:60vh;
		max-width:100%;	
		background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/closing_banner_cropmobile.jpg") no-repeat;
		background-size:cover;
		margin-top:0px;
	}
	
	#voordelen_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/station2_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#mogelijkheden_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/country_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#services_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/RHB_cropmobile.jpg") no-repeat;
		background-size:cover;
	} 

	#ookvooru_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/sneeuw_mobile.jpg") no-repeat;
		background-size:cover;
	}

	#contact_end {
		background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/brug_mobile.jpg") no-repeat;
		background-size:cover;
	}
		
	.banner_bg {
		max-width:80%;
		margin:0px auto;
		text-align:center;
		padding-top:25vh;
	}

	.banner_bg p {
		color:white;
		font-family:'Heebo', sans-serif;
		color:#FFF;
		font-size:1.8em;
		letter-spacing:0px;
		font-weight:bold;
	}

	
	
	
	footer {
		background-color:white;
	}

	.closing_bar {
		height:45vh;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		
	}
	
	#contact_closing {
		display:none;
	}

	.closing_bar p {
		font-size:20px;
		padding:40px 0px 30px;
		
	}

	.closing_bar input {
		width:180px;
		font-size:14px;	
	}

	#emailbottom {
		width:250px;
		background-color:#EEE;
		padding-left:10px;
		color:#444;
		font-size:14px;		
	}

	#submitbottom {
		margin:0px;
		padding:0px;
		margin-top:30px;
		border:1px solid white;
		padding:10px;
		background-color:#444;
		color:#EEE;
		border-radius:3px;
		cursor:none;
		text-align:center;
		font-size:16px;
		
	}
	
	
	
	.social_media {
		/* already set in default view
		height:230px;
		background-color:#252525;
		color:#EEE;
		text-align:center;
		*/
	}

	.socialmedia_container {
		width:90%;
		margin:0px auto;
		padding-top:40px;
		display:grid;
		grid-template-columns:repeat(4, 1fr);
		text-align:center;
		/*background-color:red;*/	
	}

	.social_media p {
		grid-column:1/span 4;
		font-size:20px;
		/*background-color:grey;*/
		padding-top:0px;
		text-align:center;
	}

	.social_media ul {
		grid-column:2/span 2;
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		padding-top:20px;
	}

	.social_media ul li {
		/*border:1px solid #111;*/
		/*background-color:yellow;*/
		font-size:12px;
	}

	#facebook_grid {
		grid-column:1/span 1;
		/*background-color:lime;*/
	}

	#instagram_grid {
		grid-column:2/span 1;
		/*background-color:purple;*/
	}

	.social_media ul li a {
		color:white;
		/*background-color:blue;*/
		text-align:center;
		font-size:40px;
		border-radius:10px;
		width:40px;
		padding:7px 5px 5px 7px;
	}

	.social_media ul li a:hover {
		opacity:1;
	}

	.fa-facebook {
		background:#3B5998;
		color:white;
	}

	.fa-instagram {
		background:linear-gradient(blue, purple, red, orange, yellow);
		color:white;
	}



	.bottom_links {
		display:none;
	}


}

/* ####################################
END OF MOBILE VIEW, VERTICAL ORIENTATION (smallest)
##################################### */