img {
  display: block;
  border: 1px solid black;
}
.wrapper-art{
  text-align: center;
}

.content-art  {
  padding: 0;
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap:5px;

}
.content-art-adv{
  padding-left:10px;
  width:90%;
}

.content-art-title p {
  /* font-style: italic; */
  font-size: .9rem;
  margin: bottom 0;
}



.fade img:hover {
  opacity: 0.5;
  filter: alpha(opacity=30);
  /* For IE8 and earlier */
}
.content-index-images{
  margin-top: 20px;
}

@media screen and (min-width: 800px) {
  .content-art {
    width: 70%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 5px;
    justify-content: center;
  }
  .content-art-adv{
   width:50%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap:5px;
  }

  .content-art-title  {
    width:70%;
    margin:0 auto;   
 }

}