.vendors.list {}
.vendors.list .items {display:flex; flex-wrap:wrap; margin:0 -1%; flex-direction:row; justify-content:space-between; align-items:center;}
.vendors.list .item {margin:0 1% 2%; padding:0.5rem; width:23%; text-align:center; border:#dedede solid 1px; border-radius:0.25rem; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem; color:#212529;}
.vendors.list .item span {display:block; height:5rem; line-height:5rem; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
.vendors.list .item span.pic {font-size:0; background:transparent 50% 50% no-repeat; background-size:contain;}
.vendors.list .item:hover {border-color:#ed1c24;}



.vendors.list.top {margin-bottom:1.5rem;}
.vendors.list.top .items {flex-wrap:nowrap;}
.vendors.list.top .item {width:10rem; margin:0 1%; flex-grow:1;}
.vendors.list.top .item span {height:2rem; line-height:2rem;}
.vendors.list.top .item span.pic {}



@media all and (max-width: 800px) {
	.vendors.list.top .items {flex-wrap:wrap;}
	.vendors.list.top .item {width:23%; margin:0 1% 2%;}
}