[class*="col"]
{
    margin-bottom: 20px;
}

img
{
    width: 100%;
    cursor:pointer;
}

.texte
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: black;
    font-size: large;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    vertical-align:middle;
    line-height:150px;
}

.texte:hover
{
    opacity: 1;
}

.container
{
    margin-top: 20px;
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px){
    body
    {
        padding-top: 15%;
    }
}

/* Landscape phones and down */
@media (max-width: 767px) {
    body
    {
        padding-top: 15%;
    }
}