/*
https://stackoverflow.com/questions/23379318/have-thumbnails-with-different-images-sizes-bootstrap
 */
/*
.thumbnail{
     width : 100%;
     height: 400px;
     overflow: auto;
 }
.thumbnail img{
    width: 100%;
    height: 200px;
    display: block;
}
.home .container-fluid{
    padding-right: 0;
    padding-left: 0;
}
*/

.thumbnail{
    width : 100%;

    overflow: auto;
}
.thumbnail img{
    width: 100%;
    /* height: 260px; */
    display: block;
}
.home .container-fluid{
    padding-right: 0;
    padding-left: 0;
}
@media only screen and (min-width: 1200px){

    .thumbnail{

        height: 481px;

    }
    .thumbnail img{
        /*  height:260px;*/
    }
}

@media only screen and (max-width: 460px){
    .thumbnail{
        width : 95%;
        margin: auto;


    }



}