.pictures {
    position: absolute;
    top: -153px;
    left: -7%;
    width: 100%;
    height: 496px;
    font-size: 0;
    min-width: 1370px;
}
.picture {
    display: inline-block;
    vertical-align: bottom;
    width: 36%;
    position: relative;
}
.picture:after {
    content:' ';
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
     -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; 
}
.picture:hover {
    
}
.picture:hover:after {
    opacity: 0.5
}
.picture img {
    width: 100%;
    height: 496px;
    position: relative;
    z-index: 1;
}
.picture-title-wrap {
    position: absolute;
    bottom:0;
    left:0;  
    z-index: 1;
    height: 320px;
    width: 100%;
    display: table;
    
}
.picture-title {
    display: table-cell;
    font-size: 30px;
    font-weight: 700;
    color:#f6bc01;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    text-shadow: 0 0 3px #000;
    line-height: 1.5;
}
.picture.n2 {
    width: 28%;
}

.picture a {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 10;
}