.note {
  background-color: #fff;
  color: #005221;
  padding: 2rem 1rem;
}
.signature {
  font-family: marydale, Roboto, open-sans, sans-serif;
  font-weigt: 400;
  font-style: normal;
}
@media (min-width: 768px) {
  .note.overlay-right-md {
      right: 0;
      top: 0;
      position: absolute;
      width: 396px;
      padding: 2rem;
      border-radius: 0px;
      bottom: 0px;
  }
  .note-hero {
    background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255,255,255,1) 396px, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }
}