.broadcast-callout {
  width: 100%;
  color: #fff;
  margin-top: -32px;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  background: #000000;
  opacity: 0.75;
  transition: opacity 0.1s ease;
  cursor: pointer;
  text-align:center;
}
.broadcast-callout:hover {
  opacity: 1;
}
.broadcast-callout .fa-close {
  padding-left: 1em;
}
.hero {
  width: 100%;
  padding: 2em 0;
  background-color: #c3e3eb;
  /* ../../ because a url() resolves against THIS FILE, not the theme root.
     The rule read url('assets/img/stamps.jpg') while it lived in style.css
     at the root; moving it two directories deeper made that a 404 and the
     banner fell back to the background-color below it -- 33 of 87 shots. */
  background-image: url('../../img/stamps.jpg');
  background-repeat: repeat;
  background-position: center center;
  background-size: cover;
}
.stamp {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (min-width: 992px) {
  .stamp {
    padding: 10px 10px 14px;
    background: white;
    position: relative;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
    background: radial-gradient(transparent 0px, transparent 5px, white 4px, white);
    background-size: 20px 20px;
    background-position: -10px -9px;
  }
}