.galery { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}
.galery div { 
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto; 
  width: 300px; 
  margin: .5vw; 
}
.galery div img { 
  width: 100%; 
  height: auto; 
}
.nav-item {
  padding: 0 12px ;
}
@media screen and (max-width: 400px) {
  .galery div { margin: 0; }
  .galery { padding: 0; }
  
}
.thumbnail {
    position: relative;
    margin: 0 auto;
}

.caption {
    position: absolute;
    top: 83%;
    left: 0;
    width: 100%;
}
.caption a:hover {
  color: #e6e6e6!important;
}
.categorie-photo {
    display: block;
    width: 80%;
    max-width: 800px;
    margin: 0 auto!important;
}
.categorie-photo img {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
    box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
}
.categorie-photo h3 {
    text-align: left;
    font-size: 1.2em;
    margin: 1% 0 5% 0;
}
.categorie-video {
    display: block;
    width: 80%;
    max-width: 800px;
    margin: 0 auto!important;
} 
.categorie-video video {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
    -moz-box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
    box-shadow: 0px 0px 6px 2px rgba(79,79,79,1);
}
.categorie-video h3 {
    text-align: left;
    font-size: 1.2em;
    margin: 1% 0 5% 0;
}
footer a {
    color: rgba(20,20,20,0.7);
}