html,body{
	height:100%;
}
body{
	display:flex;
	flex-direction:column;
	padding:0;
	margin:0;
}
body,input,textarea{
	font-family: serif;
	font-style: oblique;
	letter-spacing:0.4px;
}
#content{
	flex:1 0 auto;
}
header{
	width:80vw;
	margin-left:auto;
	margin-right:auto;
	background-color:#012d6c;
}
header img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
header nav{
	color:#fff;
	width:80vw;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
header nav span{
	font-family:'Arial';
	font-size:1.5em;
	margin-leeft:12px;
	margin-right:12px;
	cursor:pointer;
	white-space:nowrap;
}
header nav span:hover{
	color:#999;
}
header nav span a{
	color:inherit;
	text-decoration:none;
}
footer{
	width:80vw;
	margin-left:auto;
	margin-right:auto;
	flex-shrink:0;
	background-color:#012d6c;
	height:6em;
	text-align:center;
	padding-top:8px;
}
footer a{
	margin-left:8px;
	margin-right:8px;
}
article{
	width:80vw;
	margin-left:auto;
	margin-right:auto;
}
h1{
	font-weight:normal;
	color:#444444;
}
table{
	border-collapse:collapse;
}
input,textarea{
	border:none;
}
input[type=submit],input[type=button]{
	cursor:pointer;
}
article p{
	padding-bottom:2vh;
}
article a{
	text-decoration:none;
	color:#e95614;
}
article a div,input[type=submit]{
	background-color:#012d6c;
	color:#ffffff;
	width:300px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0;
	padding:8px;
	font-size:1.1em;
	text-align:center;
	border-radius:5px;
	display: inline-block;
	vertical-align: top;
}
article a:last-of-type div{
	margin-bottom:20px;
}
article{display:block;}

article div.parallax{
    /* Create the parallax scrolling effect */
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
article div#parallax1{min-height:50vh;background-image: url("images/schipper.jpg");}
article div#parallax2{min-height:25vh;background-image: url("images/schip.jpg");}
article div#parallax3{min-height:30vh;background-image: url("images/wegtransport.jpg");}
article div#parallax4{min-height:45vh;background-image: url("images/bootvervoer.jpg");}

section{
	position:absolute;
	top:50%;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%,-50%);
}

@media (min-width: 541px) and (max-width: 767px) {
	article a div{margin-left:auto;margin-right:auto;}
}

@media (max-width: 496px) {
	article{width:96vw;}
	article a div{margin-left:auto;margin-right:auto;}

}