/* Lay out the blockquote for large screens */
blockquote.prominent {
  font-size: 1.5em;

  margin-inline: 2rem;
  padding-inline: 3rem;
  padding-block: 2rem;

  border-color: #768e88;
  border-style: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;

  position: relative;
}

/* Remove the ridiculous margin on small screens */
@media (max-width: 991px) {
  blockquote.prominent {
    margin-inline: 0rem;
  }
}

/* Add a quote mark to the beginning of the blockquote */
blockquote.prominent::before {
  content: "“";
  font-size: 2.5em;
  position: absolute;
  top: 0;
  left: 0.2em;

  color: #768e88;
  opacity: 0.2;
}