.quote {
  color: black;
  font-size: 20px;
  line-height: 130%;
  width: 600px;
  max-width: 80%;
  background-color: #f7f2c6;
  padding: 15px;
  font-family: 'Special Elite', serif;
  background-image: radial-gradient(circle, #000000 1px, rgba(0, 0, 0, 0) 1px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 margin: 40px 0px 20px 0px;
  display: inline-block;
}

.quote-container, .note-container { 
	/* fixed position a zero-height full width container */
	width: 100%;
	/* center all inline content */
	text-align: center;
}


.caption {
    font-size: 22px;
    width:400px;
    max-width:50%;
    float:right;
font-family: 'Pacifico', cursive;
}

.caption-container {
      width: 800px;
  max-width: 80%;
    margin:auto;
}

.bullet-list {
    text-align: left;
}

.note {
  color: black;
  font-size: 20px;
  line-height: 130%;
  width: 600px;
  max-width: 80%;
  padding: 15px;
  font-family: sans-serif;
 margin: 40px 0px 20px 0px;
  display: inline-block;
}