body {
     font-size:14px;
}

@media (min-width: 992px){
.container {
    width: 970px;
}}
@media (min-width: 768px){
.container {
    width: 750px;
}}
.container { padding: 0 8%;
    margin-right: auto;
    margin-left: auto;width: 100%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.filtr-item {
    padding: 1rem; width: 25%; margin-bottom: 15px;
}
.filtr-item:hover .item-desc{ background-color: rgba(242, 48, 49, 0.83); transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }
 .item-desc a{color: #fff; text-decoration: none;}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: capitalize;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem; border-bottom: solid 4px #f23031;
}
.simplefilter li {
    background-color:#252122; margin: 7px 5px 0 0;
}
.simplefilter li.active, .simplefilter li:hover {
    background-color: #f23031;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}
.img-responsive{display: block;
    max-width: 100%;
    height: 152px;}
@media (max-width:768px){.filtr-item { width: 50%;}.item-desc{ font-size: 14px;} 
}
@media screen and (min-width: 769px) and (max-width: 1000px) {.filtr-item { width: 33.3333%;}.item-desc{ font-size: 14px;} 
}
@media (max-width:420px){.filtr-item { width: 100%;}
.item-desc{ font-size: 14px;}}