.advert-wrapper,
.advert {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.advert-wrapper img,
.advert img,
.advert-wrapper video,
.advert video {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.advert-wrapper.carousel .ad-carousel a,
.advert.carousel .ad-carousel a {
  width: 100%;
  display: block;
  overflow: hidden;
}
.advert-wrapper.medium-banner,
.advert.medium-banner {
  width: 300px;
  height: 250px;
}
.advert-wrapper.square,
.advert.square {
  width: 250px;
  height: 250px;
}
.advert-wrapper.leaderboard,
.advert.leaderboard {
  width: 728px;
  height: 90px;
}
.advert-wrapper.large-leaderboard,
.advert.large-leaderboard {
  width: 970px;
  height: 90px;
}
.advert-wrapper.skyscraper,
.advert.skyscraper {
  width: 120px;
  height: 600px;
}
.advert-wrapper.wide-skyscraper,
.advert.wide-skyscraper {
  width: 160px;
  height: 600px;
}
.advert-wrapper.embed,
.advert.embed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.ad-carousel,
.advert {
  background-size: cover;
  background-position: 50%;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #eee;
}
.ad-carousel a,
.advert a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
.ad-carousel video,
.advert video {
  width: 100%;
  height: 100%;
}