.controls {background:#dfdfdf; text-align:center; }
.control {position:relative; display:inline-block; background:transparent; cursor:pointer; color:#393939; font-size:1.2em;
transition:all .3s; border:0px; padding:10px 10px 10px 10px; }
.control:hover {background:#c5292c; color:#FFF; }
.mixitup-control-active {background:#c5292c; color:#FFF; }
.mixitup-control-active[data-filter]:after {background: transparent;}
.container-filter {text-align:justify; }
.container-filter:after {content: ''; display:inline-block; width:100%; }
.mix,
.gap {display:inline-block; vertical-align:top; }
.mix {}
.mix:before {}
@media screen and (max-width: 600px) {
.control {width: calc(100%/1 - (((1 - 1) * 1rem) / 1));}
}