.card-product {
        text-align: center;
    }
    .card-product {
        vertical-align: top;
        margin-top: 30px;
    }
    .card, .card-no-width {
        display: inline-block;
        position: relative;
        margin-bottom: 30px;
        border-radius: 6px;
        color: rgba(0,0,0,.87);
        background: #fff;
        max-width: 100%;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    }

    .card .card-image, .card-no-width .card-image {
        overflow: hidden;
        position: relative;
        height: 60%;
        margin-top: -30px;
        margin-right: 15px;
        margin-left: 15px;
        border-radius: 6px;
        -webkit-transition: all .3s cubic-bezier(.34,1.61,.7,1);
        -moz-transition: all .3s cubic-bezier(.34,1.61,.7,1);
        -o-transition: all .3s cubic-bezier(.34,1.61,.7,1);
        -ms-transition: all .3s cubic-bezier(.34,1.61,.7,1);
        transition: all .3s cubic-bezier(.34,1.61,.7,1);
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

    div#gallery {
        background-color: #e5e5e5;
    }