.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.slider > div {overflow: hidden;}
.slider > div:not(:first-child){
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider > div img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1139px) {
  .slider {
    width: 112%;
    margin: -12px -6% 30px;
  }
}


@media only screen and (min-width: 1140px) {
  .slider {
    width: 613px;
    height: 328px;
    margin-bottom: 30px;
  }

} /* END MQ 1140 */

.slider div span {
  display: none;
}
.slider div.copete span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding:8px 15px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ccc;
  font-size: 13px;
  text-transform:uppercase;
  text-align: left;
  line-height: 1.3;
}

.wf-active div.copete span{
  font-family: 'Roboto Condensed', sans-serif;}