.wall-item {
  position         : relative;
  display          : flex;
  flex-direction   : column;
  justify-content  : flex-end;
  box-sizing       : border-box;
  background       : #fff;
  color            : #000;
  grid-column-start: auto;
  grid-row-start   : auto;
  box-shadow       : -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
  transition       : -webkit-transform 0.3s ease-in-out;
  transition       : transform 0.3s ease-in-out;
  transition       : transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  cursor           : pointer;
  counter-increment: item-counter;
  margin-bottom    : 15px;
  overflow         : hidden;
  border-radius    : 4px;
}


.wall-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}

.wall-item:hover {
  /*box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;*/
  -webkit-transform: scale(1.05);
		transform: scale(1.05);
}

.wall-item:hover:after {
  opacity: 0;
}

.wall-item > img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}

.wall-item h2
{
  font-size    : 14px;
  margin       : 0 0 12px 0;
  padding-left : 15px;
  padding-right: 15px;
}

video
{
	position         : relative;
	left             : 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform   : translateX(-50%);
	-ms-transform    : translateX(-50%);
	-o-transform     : translateX(-50%);
	transform        : translateX(-50%);
	width            : auto!important;
	height           : 100%!important;
}

.wall-item.mp4 .fa-play,
.wall-item.audio .fa-play
{
	position         : absolute;
    left             : 50%;
    top              : 38%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform   : translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    -o-transform     : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    color            : white;
    pointer-events   : none;
    font-size        : 40px;
}

audio
{
	position         : relative;
	left             : 50%;
	top              : 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform   : translate(-50%, -50%);
	-ms-transform    : translate(-50%, -50%);
	-o-transform     : translate(-50%, -50%);
	transform        : translate(-50%, -50%);
}

#cboxLoadedContent
{
	background-color: black !important;
}

.wall {
  display: block;
  position: relative;

}

.wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}

@media (max-width: 640px) {

.wall-column { width: 50%; }

}

@media (max-width: 480px) {

.wall-column {
  width: auto;
  float: none;
}

}