@charset "utf-8";
/* CSS dragon */


.navbar-inverse { background-color:#f22e1d
;
}
body {background-color:#ffffdf;
 }

 
.col-sm-3 { background-color:red;

height: 300px;
border-style:solid;
border-width: 10px;
border-color:#ffffdf;
border-radius:9px;
text-align: center;
margin-top: 50px;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 50px;
}


.like { background-color:blue;
border-style:solid;
border-width: 10px;
border-color:#ffffdf;
border-radius:9px;
margin-top: 50px;
text-align: center;
}

.jumbotron { background-color:red;
border-radius:29px;
margin-top: 10px;
text-align: center;
}

.alber { background-color:white;
border-radius:29px;
margin-top: 5px;
}

.grafschriften { 
text-align:center;
margin-top: 100px;
}

.vak_met_achtergrond{
	height:100vh;
	background-image:url(../img/pics/kelder1.jpg);
	background:100% auto;
	}
	
.vak_met_achtergrond h2{
	text-align:center;
	margin-top: 100px;
	color: #00FF00;
	text-shadow: 2px 2px 4px #FF0000;
	}
.gallery h1{
	margin-top:100px;
}

.uitleg {
	background-color:#ffffdf;
}
.uitleg h2{
	margin-top: 100px;
	text-align:center;
	background-color:#ffffdf;
}

.contact {
	margin-top: 100px;
	}
	
	/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }