@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Cabin+Sketch:700|Londrina+Solid:300,400');

body{
    font-size: 16px;
}
.navbar-dark .navbar-nav .nav-link {
    color: brown;
}
.navbar {
    font-family: "Londrina Solid",sans-serif;
    font-weight: 300;
    color:brown;
    font-size: 20px;
	margin-bottom: 0;
	border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
	background-color: #f2f2f2;
	padding: 25px;
}

#jumbotron-index{
	background-color: red;
    background-image: url('/images/workshops/rosegarden.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 0px;
}
#jumbotron-index h1{
	font-family: "Cabin Sketch","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: bisque;
}
#jumbotron-index p{
    color: white;
}
.kopje{
	font-family: "Cabin Sketch","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.2em;
}
@media(min-width:500px) {
    .kopje{
        font-size:1.8em;
    }
    #jumbotron-index h1{
        font-size:4em;
    }
}

.btn-aanmeld{
	font-family: "Cabin Sketch","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-top:7px;
	margin-bottom:10px;
	letter-spacing: 0.05em;
}
.amatic{
	font-family: "Amatic";
	font-size:1.2em;
}
.groter{
	font-size:1.2em;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Cabin Sketch","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.navbar-default .navbar-nav>li>a {
    color: brown;
}
a{
	color: brown;
}
.well{
	color: #630;
	background-color: beige;
}
footer p{
    font-size: 0.9em;
	letter-spacing: .06em;
}
a.footer-link{
	font-family: 'amatic',Helvetica,Arial,sans-serif;
	font-size: 22px;
}
div#home{
	display:block;
}
nav#pagenav,
div#prive,
div#werk,
div#school,
div#festival,
div#contact
{
	display:none;
}