@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:100,400,400i,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alegreya:400,400i,700&display=swap');
body {
    color: white;
    background-color: black;
    font-family: 'Alegreya Sans', sans-serif;
	font-weight: 400;
	min-height: 100%;
}
header {
	padding-top:18px;
	background-attachment: fixed;
	background-image: url("../images/banner.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	height: 300px;
	margin:0px;
}
header h1  {
	font-weight: 100;
	font-size: 3em;
	color:black;
	font-variant-caps: normal;
	margin-left: 10%;
	margin-right: 10%;
}
header h2 {
	font-weight: 100;
	font-size:2em;
	font-variant-caps: all-small-caps;
	letter-spacing: .5em;
	color:black;
	
	margin-left: 10%;
	margin-right: 10%;
}

.txtcontainer, .boeken {
	max-width: 920px;
	margin-left:15%;
	margin-right: 10%;
	text-align: left;
	font-weight: 400;
}
.txtcontainer p , .txtcontainer ul , .txtcontainer li {
    font-family: 'Alegreya', serif;
	font-size: 1.1em;
	
}
.txtcontainer li {
	list-style: square;
	list-style-position: outside;
	padding-left:12px;
	margin-bottom: 12px;
	background-color:#1B1B1B;
	
}
.container {
	display: flex;
	border: 0px #FFFFFF solid;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-left: 5%;
	margin-right: 5%;
	align-items: flex-end;
	
}
.flexcat {
	padding: 6px;
	margin: 12px;
	align-items: flex-end;
	text-align: center;
	/*box-shadow: 0px 0px 10px grey;*/
	font-size: 1.4em;
	
}
.imgcontainer {
	display: flex;
	padding: 12px;
	border: 0px #FFFFFF solid;
	flex-wrap: wrap;
	justify-content: center;

	
}
.imgbox {
	display: flex;
	margin: 12px;
	text-align: center;

}

nav {
	text-align: center;
    background-color: #1B1B1B;
    letter-spacing: .2em;
    padding: 3px;
	position:sticky;
}
nav ul {
	text-align: center;
    list-style-type: none;
    margin: 3;
    padding: 0;
	margin-bottom: 12px;
}
nav ul > li {
    display: inline-block;
	
}

a,
a:link,
a:visited,
a:hover,
a:active{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 400;
	font-variant-caps: all-small-caps;
	letter-spacing: .1em;

}
a:hover {
    text-decoration: underline;
	color: #ccc;
}

.txtcontainer h2 {
	font-variant-caps: all-small-caps;
	font-weight: 100;
	font-size:2em;
	letter-spacing: .1em;
 }
.boeken h2 {
	font-variant-caps: normal;
	font-weight: 400;
	font-size:2em;
	/* letter-spacing: .1em; */
 }
.boeken img{
	box-shadow: 0 0 24px 0 rgba(255, 255, 255, 0.2);

}
 .txtcontainer h3 {
	 font-variant-caps: all-small-caps;
    font-weight: 100;
    font-size: 1.4em;
	 letter-spacing: .2em;
}
.txtcontainer strong {
	font-weight: 500;
	color:#CCCCCC ;
}
.txtcontainer em {
	font-weight: 400i;
}

footer {
width: 100%;
text-align: center;
font-size: x-small;
font-weight: 300;
position: fixed;
bottom: 0px;
background-color: rgba(57,57,57,.60);
padding-top: 12px;
	padding-bottom: 12px;
}