.teaser {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: rgba(255,255,255,0.5);
}
.teaser h1,
.teaser .h1 {
  color: inherit;
}
.teaser p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.teaser > hr {
  border-top-color: #d5d5d5;
}
.container .teaser {
  border-radius: 6px;
}
.teaser .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .teaser {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .teaser {
    padding-left: 60px;
    padding-right: 60px;
  }
  .teaser h1,
  .teaser .h1 {
    font-size: 63px;
  }
}