.ad-label {
  font-size: 8px;
  color: #aaa;
  text-transform: uppercase;
  font-weight: 300 !important;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

.code-block {
  margin: 8px auto;
  text-align: center;
  display: block;
  clear: both;
  height: auto !important;
  padding: 30px 10px !important;
  background: #f5f5f5;
  margin-bottom: 30px !important;
  box-sizing: border-box;
}

.viewport-4 {
  display: none !important;
}
.viewport-3 {
  display: none !important;
}
.viewport-2 {
  display: none !important;
}
.viewport-1 {
  display: inherit !important;
}
.viewport-0 {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .viewport-1 {
    display: none !important;
  }
  .viewport-2 {
    display: inherit !important;
  }
}
@media (min-width: 321px) and (max-width: 767px) {
  .viewport-1 {
    display: none !important;
  }
  .viewport-3 {
    display: inherit !important;
  }
}
@media (max-width: 320px) {
  .viewport-1 {
    display: none !important;
  }
  .viewport-4 {
    display: inherit !important;
  }
}