.sg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.sg-item {
    margin: 1rem;
    padding: 2rem;
    width: calc(50% - 2rem);
    background: #f7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sg-item:hover {
    background: #f2f2f2;
}

@media only screen and (min-width:576px) {
    .sg-item {
        width: calc(33.33333% - 2rem);
        padding: 3rem;
    }
}

@media only screen and (min-width:992px) {
    .sg-item {
        width: calc(20% - 2rem);
        padding: 4rem;
    }
}

.sg-item img {
    width: 100%;
    height: auto;
}

.sg-no-images-found {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 20px;
    color: #949494;
    margin: 20px 0
}