.bg-accent {
  background-color: #bde9fe;
}

.text-accent {
    color: #009be2;
}

.font-title {
  font-family: 'Lora', serif;;
  font-size: 1.8rem;
  font-weight: bold;
}

.font-subtitle {
  font-family: 'Lora';
  font-size: 1.0rem;
  font-weight: 400;
  font-style: italic;
}

.font-body {
  font-family: 'Lora';
  font-size: 1.0rem;
}

.font-heading {
  font-family: 'Lora';
  font-size: 1.0rem;
  font-weight: bold;
}

.font-ingredients {
  font-family: 'Lora';
  font-size: 0.9rem;
  font-weight: 400;
  font-style: italic;
}

.font-amount {
  font-size: 0.75rem;
  color: #535353;
}

.jumbotron {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rounded-diagonal-lg {
  border-top-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}
.rounded-diagonal-lg-alt {
  border-top-right-radius: 2.5rem;
  border-bottom-left-radius: 2.5rem;
}

.rounded-diagonal-md {
  border-top-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.rounded-diagonal-md-alt {
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}