* {
    -webkit-overflow-scrolling: touch;
}
a {
    color: #01467c;
    text-decoration: none;
}

html, body {
	background: url(../media/background.jpg);
	background-size:cover;
	font-family: 'kanit', sans-serif;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	height:100%;
}

.topbar{
	background: #00477d;
/*	background: url(../media/wall.jpg);	 */	
}

.footer{
	background: url(../media/wall.jpg);	 
	box-shadow: 0px 0px 10px #000;
	padding: 40px 0px;	
}

.logo{
	background: url(../media/perkament.png);
	background-size: cover;

}

h1,h2,h3,h4,h5{
    font-family: 'Shadows Into Light Two', cursive;
    color: #00477d;
    font-weight: 700;
    margin: 10px 0px;
}

h1{
	font-size:	30px;
}

h2{
	font-size:	26px;
}

h3{
	font-size:	24px;
}

h6{
	font-family: 'Noto Sans', sans-serif;
	font-size:50px;
	color:#fff;
	font-weight: 700;
	line-height: 40px;
}

  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #0071C4;
	border: none;
}
	
	.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-image: linear-gradient(to bottom right, #00477d, #00477d);
	box-shadow: 1px 2px 20px #000;
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-family: 'Shadows Into Light Two', cursive;
    padding-top: 10px;
    padding-bottom: 5px;
	background: transparent;
	color:#fff;
    white-space: nowrap;
	font-size:18px;
}



.dropdown-menu > li > a:hover{
	background-color: #0071C4;
	color: #fff;	
}

	.content{
    background: url(../media/paper.png);
    padding: 20px 50px;
    box-shadow: 5px 5px 10px #000;
    margin-bottom: 40px;
	border-top: solid 20px #00477d;
	position:relative;
	}
	
	.art{
	    position: absolute;
    right: -80px;
    bottom: -120px;
	z-index:1;
}

.textfield{
	padding-right:100px;	
}
	
.nieuwsblok{
    color: #fff;
    padding: 5px 20px;	
}
	

.btn-primary {
    color: #fff;
    background-color: #0071C4;
    border-color: #0071C4;
}


@media (max-width: 1199px) {
		#header_slider{
		margin-top: 0px;
		padding: 0px; 
		height: 435px;
		overflow:hidden;
		    box-shadow: 5px 5px 10px #000; 
	  }
	  
	  .home-slider{
		height:435px;  
	  }
	  
	  .carousel-inner {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
	.menu_wrapper{
		position: absolute;
		background: url(../media/menu.png);
		background-size:cover;
		height: inherit;
		margin-top: 200px;
		padding-top:40px;
	}
	
	.imagebox{
		padding: 0px; 

	}
	


.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:visited {
    font-family: 'Shadows Into Light Two', cursive;
    padding: 15px 10px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
}

 @media (max-width: 768px) and (max-width: 992px){
	 
	   
	  html, body {
	background: url(../media/background.jpg);
	background-size:cover;
	font-family: 'Roboto', sans-serif;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	height:100%;
}
	 .topbar{
		 background: transparent;
	 } 
	 
	 .logo {
    background: none; 
		 background-size: cover;

}
	 
	  .navbar-header{
		background: #00457c;  
	  }
	  
	  #menu{
		background:#00457c;  
	  }
	  
	 .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}
	  .navbar-nav > li > a,.navbar-nav > li > a:hover,.navbar-nav > li > a:visited {
	font-family: 'Covered By Your Grace', cursive;
    padding-top: 15px;
    padding-bottom: 15px;
	background: transparent;
	color:#fff;
	font-size: 24px;	  
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
	font-family: 'Covered By Your Grace', cursive;
    padding-top: 15px;
    padding-bottom: 15px;
	background: transparent;
	color:#fff;
    white-space: nowrap;
	font-size: 24px;
}

	#header_slider{
    margin-top: 0px;
    padding: 0px;
    height: 200px;
    overflow: hidden;  
	    box-shadow: 5px 5px 10px #000;
	  }

	 .home-slider img{
		 height: 200px;
		     width: 100%;
	 }

	 .textfield {
    padding-right: 0px;
}

	 .art {
		     display: none;

}
		.imagebox{

		padding: 0px; 
		    border: 5px solid snow;
	}
.navbar-inverse {
    background-color: transparent;
    border: none;
}	
  
  }

 
	   
  @media (min-width: 1200px) {
 
	  
	#header_slider{
		margin-top: 0px;
		padding: 0px; 
		height: 435px;
		overflow:hidden;
		    box-shadow: 5px 5px 10px #000; 
	  }
	  
	  .home-slider{
		height:435px;  
	  }
	  
	  .carousel-inner {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
	.menu_wrapper{
		position: absolute;
		background: url(../media/menu.png);
		background-size:cover;
		height: inherit;
		margin-top: 200px;
		padding-top:40px;
		height:600px;
	}
	
	.imagebox{
		padding: 0px; 

	}
	


.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:visited {
    font-family: 'Shadows Into Light Two', cursive;
    padding-top: 15px;
    padding-bottom: 15px;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
		 
	   }
	   
	  
  @media (min-width: 1900px) {
 
	  
	  }