/*
Theme Name: Dions Thema
Author: LearnWebCode
Author URI: http://youtube.com/teveelgevraagd
Version: 1.0
*/
* {
	margin: 0px;
}
  
#header h1{
	position: absolute;
	width: 100%;
	top:10%;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:white;
	text-shadow: 2px 2px #000;
} 

#main{
	width: 100%;
} 

#reservermain{
	background-image:url(beautiful-night-sky-2.jpg);
	width:100%;
	height:100%;
	text-shadow: 2px 2px #000;
}

#reservermain h1{
	position: absolute;
	width: 100%;
	top:35%;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:white;
	font-size:28px;
}

#scrolldown{
	position: absolute;
	background-image:url(knop%20scroll.png);
	height:200px;
	width:200px;
	background-repeat:no-repeat;
}

#overmij {
	width:100%;
	min-height:350px !important;
	margin-top:-8px;
}

#overmijtitel{
	background-color:#D3EDFF;
	width:100%;
	margin-top:-10px;
}

h2{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#083B5F;
	font-size:80px;
}

#profielfoto{
	margin:auto;
}

#profielfoto img{
	display:block;
	margin:auto;
	margin-top:15%;
}

#overmijtekst{
	padding-top:50px;
	background-color:#D3EDFF;
	
}

#overmijtekst h1{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:black;
	font-size:18px;
}

#vaardigheden {
	max-height:800px;
	background-color:white;
	padding-bottom:50px;
}

#vaardighedentitel{
	background-color:white;
	width:100%;
}

#blauweachtergrond{
	background-color:#D3EDFF;
	height:auto;
	width:100%;
}

nav.tab-bar{
	position:fixed !important;
	z-index:9999;
}

.menu-icon{
	background-color:#333333;
}

#logo img{
	display:block;
	margin:auto;
	margin-top:15%;
}

#portfolio{
	background-color:#D3EDFF;
	height:2200px;
	width:100%;
}

#portfoliotitel{
	background-color:#D3EDFF;
	width:100%;
	margin-bottom:50px;
}

#portfolio img{
	box-shadow: 10px 10px 5px #888888;
}

#portfolio iframe{
	box-shadow: 10px 10px 5px #888888;
}

#margintop{
	margin-top:50px;
}

#contact{
	background-color:white;
	height:1000px;
	width:100%;
}

#contacttitel{
	background-color:white;
	width:100%;
	margin-bottom:50px;
}

@media screen and (max-width: 1024px) {
#main{
	width:0;
}
#header{
	background-image:url(beautiful-night-sky-2.jpg);
	height:1080px;
}
h2{
	font-size:42px;
}
}