.lodz {
    margin-bottom: 30px; }
.lodz > a {
    display: block;
    color: #000;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0px 18px 51px -20px rgba(0, 0, 0, 0.75);
    border: 1px solid #5AA1E3;
    border-radius: .3rem;
}
.lodz > a:visited, .lodz > a:focus {
    text-decoration: none;}
.lodz > a:after {
    opacity: 0;
    visibility: hidden;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 8;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.lodz > a:hover { 
    text-decoration: none; 
    -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
.lodz > a:hover:after {
    opacity: 1;
    visibility: visible;
}
.lodz img {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.lodz > a  img { 
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; 
    width: 100%;
}
.lodz > a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
.lodz > a h3 { font-size: 15px; 
    display: block; 
    color: white; 
    background-color: #5AA1E3; 
    margin: 0;
    padding: 12px; 
    text-align: center; 
    z-index: 2 ;
    position: relative;
    visibility: visible;
    /*-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;*/
}