﻿.products {
    padding: 60px 0;
    margin-bottom: 50px;
    background-size: cover;
    background-position: center
}

.products a {
  font-family: inherit;
  font-weight: 500;
  font-size: 30px;
  margin: 0 0 38px;
}

.products .grid {
    position: relative;
    margin-bottom: 50px
}

.products .grid img {
    display: block;
    margin: 0 auto;
    max-width: 200px
}

.products.simple {
    padding: 0 15px 30px;
    margin-bottom: 0
}

.products.simple .row {
    margin: 0
}

@media(min-width:768px) {
    .products .grid img {
        max-width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width:992px) {
    .products .grid {
        margin-bottom: 0
    }
    .products.simple {
        padding-bottom: 60px
    }
}

@media(max-width:767px) {
    .products .grid.gridImageHeight {
        height: auto!important
    }
}