.fotoalbum {
  padding: 25px 0;
}
.fotoalbumImage {
  height: 200px;
  float: left;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .2s;
  filter: grayscale(0);
}
.fotoalbumImage:hover {
  filter: grayscale(100%);
}
.fotoalbumImage {
margin-bottom:20px;
}

.fotoalbumLink {
  margin: 0 1.5rem 1.5rem 0;
  display: inline-block;
  width: 100%;
  border: solid 1px black;
  padding: 5px;
  box-shadow: 0px 0 5px rgb(0 0 0 / 24%);
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
  float: inherit;
}
.fotoalbumLink .fotoalbumImage{margin-bottom:0;background-position: center top;}
.fotoalbumLink span{
display:inline-block;
width:100%;
text-align:center;
padding:5px 0 0;
font-family: 'Black Ops One';
}


.row.list{

}
.grid-container {
columns: 4 200px;
/* column-gap: 1.5rem; */
width: 100%;
margin: 0 auto;
}
.grid-container div.fotoalbumItem {
width: 150px;
margin: 0 1.5rem 1.5rem 0;
display: inline-block;
width: 100%;
border: solid 1px black;
padding: 5px;
box-shadow: 0px 0 5px rgb(0 0 0 / 24%);
border-radius: 5px;
transition: all 0.2s ease-in-out;
float: inherit;
}
.grid-container div.fotoalbumItem:hover img {
filter: grayscale(100%);
}
.grid-container div.fotoalbumItem:hover {
border-color: coral;
}
.grid-container div.fotoalbumItem img {
width: 100%;
filter: grayscale(0);
border-radius: 5px;
transition: all 0.25s ease-in-out;
}
.grid-container div.fotoalbumItem p {
margin: 5px 0;
padding: 0;
text-align: center;
/* font-style: italic; */
font-family: 'Black Ops One';
font-size: 12px;
line-height: 17px;
}

.fotoalbumParent .fotoalbumLink {
  border: none;
  box-shadow: none;
  padding: 0;
}

@media (max-width: 1024px) {
.container.fotoalbum{
  padding-left:20px;
  padding-right:20px;
}
.container.fotoalbum .col-xs-6{
  padding:5px;
}
  .fotoalbumImage {
      margin-bottom: 5px;
  height: 30vw;
  }
}