.lead-in {
  font-size: 1.125rem;
}

span.label {
  color: #666666;
  font-size: 0.875em;
  font-weight: normal;
  text-transform: uppercase;
}

.card-book .card-image img {
  border: 1px solid #CCCCCC;
  box-shadow: 2px 2px 6px 1px #CCCCCC;
  transform: rotate(3deg);
  max-width: 100%;
  height: auto;
}

.button {
  background: gold;
  border-radius: 1rem;
  color: #000000;
  display: inline-block;
  font-weight: bold;
  padding: .5rem 1rem;
  text-decoration: none;
}

.suggested-donation-description {
  font-size: 0.875em;
  color: #666666;
}

@media screen and (min-width: 767px) {
  
  .card {
    display: flex;
    flex-direction: row;
    padding: 0.5rem;
  }
  
  .card-image {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    width: 25%;
  }
  
  .card-description {
    width: 75%;
  }
  
  .card-description > * {
    padding: 0;
    margin: 0 0 0.5rem 0; 
  }

}