* {
  margin: 0;
  padding: 0;
}

.mb-base { display: none; }

.mb-contents {
  position: fixed;
  z-index: 10000;
  background: #000;
  left: 50%;
  top: 50%;
  box-shadow: 0 0 2px rgba(200, 200, 200, 0.3), 0 0 2px #ccc, 0 0 5px rgba(0, 0, 0, 0.4);
}

.mb-decoration-close {
  position: absolute;
  display: block;
  z-index: 100001;
  top: -14px;
  left: -14px;
  cursor:pointer;
}

#video1 {
  background-image: url('../imgs/portavoz_image.png');
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
}

#video2 {
  background-image: url('../imgs/elextraño-image.png');
  color: #000;
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
}

#video3 {
  background: url('../imgs/videollamada_image.png');
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
}

#video4 {
  background: url('../imgs/divididos-image.png');
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
}

#video5 {
  background: url('../imgs/textura-image.png');
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
}

#video6 {
  background: url('../imgs/ecos-image.png');
  width: 290px;
  line-height: 250px;
  float: left;
  background-size: cover;
  color: #000;
}

iframe {
  margin-right: 80px;
}
.media {
  margin: 10px;
  color: #fff;
  border-radius: 20px;
}