@-ms-viewport{
 width: device-width;
 }
body{
 background-color:#acc4b4;
 color:#FFF;
 letter-spacing: 3px;
 box-sizing: border-box;
 font-variant: small-caps;
 line-height: 2;
 word-spacing: 3px;
 text-align:center;
 margin:0;
 padding:0;
 }
a{
 color:#FFF;
 }
 
header:before{
 position: fixed;
 left: 0px;
 top: 0;
 width: 25%;
 bottom: 0;
 background-color: #326768;
 display: block;
 content: "";
 z-index: -999;
 }
h2{
 text-shadow: 4px 4px 4px #435149;
 }
header{
 position:absolute;
 width:75%;
 height:50vh;
 display:inline-block;
 text-align:center;
 padding:0px;
 margin:0px;
 }
header>div{
 background-repeat: no-repeat;
 background-position:27% center;
 background-size: cover;
 display: inline-block;
 height: 100%;
 width: 100%;
 }
header>img:first-child{
 display: block;
 vertical-align:top;
 padding:2% 3%;
 box-sizing: border-box;
 margin:auto;
 }
.logo{
 background-color: #acc4b4;
}
.logo>img{
 width: 100%;
  display:block;
  }
.logo>span{
    display: inline-block;
    max-width: 33%;
    color: #326768;
    padding: 3.9vw 2em;
    font-weight: bold;
    font-size: 1.7em;
}
body>div{
 text-align:left;
 overflow: hidden;
 position: relative;
 }
nav{
 vertical-align: top;
 background-color:#326768;
 border-top:1px solid #326768;
 color: #326768;
 text-align:left;
 letter-spacing: 0px;
 width:25%;
 height:auto;
 display:inline-block;
 padding:0px;
 margin:0px;
 }
nav>img{ 
 border-bottom:1px solid #FFF;
 background-color: #acc4b4;
 padding: 5%;
 width:90%
 }
nav>a{
 margin:0;
 color:#FFF;
 text-decoration:none;
 font-size:small;
 line-height: 1;
 vertical-align: top;
 word-spacing: 2px;
 letter-spacing: 2px;
 display:block;
 padding:4px 0%;
 text-align:center;
 width:100%;
 height:auto;
 }
nav>a>h3{
 font-size:medium;
 display:block;
 margin:0px;
 padding:8px 0px;
 
 word-spacing: 3px;
 letter-spacing: 2px;
 width:100%;
 }
nav>a:hover{
 background-color:#435149;
 }
nav>a.selected{
 background-color:#6b8d79;
 }
.langsel{
 width:31%;
 display:inline-block;
 }
article{
 padding:3% 15%;
 margin:0% 0%;
 background-color:#6b8d79;
 color: #FFF;
 border-top:1px solid #6b8d79;
 border-bottom:1px solid #6b8d79;
 display:block;
 }
section:before{
 content:"~ * ~";
 color:#CCC;
 padding:0% 15%;
 margin:5% 0%;
 text-align:center;
 display:block;
 }
article>section:before{
 padding:0% 15%;
 margin:3% 0%;
 }

section:first-child:before{
 content:"";
 display:none;
 }
section:first-child>article{
 margin-top: 0;
 padding-top: 0;
}
section:first-child+section:lang(fr):before{
 content:"";
 display:none;
 }
section:first-child+section:lang(nl):before{
 content:"";
 display:none;
 }
section:first-child+section:lang(en):before{
 content:"";
 display:none;
 }
section:first-child+section+section:lang(fr):before{
 content:"";
 display:none;
 }
section:first-child+section+section:lang(nl):before{
 content:"";
 display:none;
 }
section:first-child+section+section:lang(en):before{
 content:"";
 display:none;
 }
img{
  width:100%;
 }
figure{
 width:19%;
 display:inline-block;
 border:1px solid #6b8d79;
 border-radius:4px;
 margin:8px;
 padding:8px;
 -webkit-transition:width 0.25s ease-out;
 transition:width 0.25s ease-out;
 }
figure>figcaption{
 width:0px;
 height:0px;
 margin:0;
 padding:0;
 position:absolute;
 visibility:hidden;
 -webkit-transition:height 0.25s ease-out;
 transition:height 0.25s ease-out;
 }
figure:focus{
 width:96%;
 text-align:center;
 }
figure:focus>figcaption{
 width:100%;
 height:auto;
 margin:0;
 padding:0;
 visibility:visible;
 position:relative;
 }
figure>img{
 width:100%;
 }
figure>img{
 width:0px;
 height:0px;
 margin:0;
 padding:0;
 visibility:hidden;
 }
figure>img:first-child{
 width:100%;
 height:auto;
 margin:0;
 padding:0;
 visibility:visible;
 }
figure:focus>img{
 width:100%;
 height:auto;
 max-height: 100%;
 margin:0;
 padding:0;
 visibility:visible;
 }
figure:focus>img:first-child{
 width:0px;
 height:0px;
 margin:0;
 padding:0;
 visibility:hidden;
 }
.hidden{
 display:none;
 }
footer{
 font-size:xx-small;
 color:#777;
 }
@media screen and (max-width: 600px){
 body>div{
  overflow:initial;
  height:auto;
  position:initial;
  }
 header{
  position:initial;
  }
 article{
  padding:2% 16px;
  }
 header{
  width:100%;
  position:initial;
  height:auto;
  }
 header>div{
  height: 50%;
  }
 nav{
  position:initial;
  width:100%;
  height:auto;
  border-bottom:1px solid #6b8d79;
  }
 nav>a{
  }
 figure{
  width:42%;
  }
 }
 
img{
 max-height: 60vh;
 }
 
div.img{
 height: 60vh;
  width:100%;
 background-position:  center;
 background-size: cover;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) inset;
 }
 
table{
 margin-top: 1em;
 }
 
th:not(:empty),td{
 padding: 1em;
 
 background-color: #326768;
 }
 
th:not(:empty){
 color: black;
 background-color:#acc4b4;
 }