.service ul{
    margin: 0px; padding: 0px;
    text-decoration: none;
}

.service ul li{
    position: relative;

    display: block; float: left;
    width: 50%;


}

.service ul li img{
    /*position: absolute;*/
    border-radius: 5px;

    width: 96%;
    margin: 2%;

    z-index: -1;
}

.service ul li span{
    position: absolute;
    color: white;
    z-index: 1;
    bottom: 10%;
    left: 3%;

    display: block; width: 90%;
    padding: 10px; text-align: center;
    background: rgba(0,0,0,0.5);
}

@media (max-width: 420px)
{
    .service ul li{
        width: 98%;

        margin: 1%;
    }
}