blockquoteKey {

width:40%;
float:right;
margin:0 0 0 24px;

  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquoteKey:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
 
}
blockquoteKey p {
  display: inline;
}   





blockquoteL {

width:40%;
float:left;
margin:0 0 0 24px;

  background:  #cce6ff;
  border-right: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;

}

blockquoteL:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  quotes: "\201C""\201D""\201C""\201D";

 
}
blockquoteL p {
  display: inline;
}   






blockquote {

width:40%;
float:right;
margin:0 0 0 24px;

  background:  #cce6ff;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #ccc;
 content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  quotes: "\201C""\201D""\201C""\201D";
}
blockquote p {
  display: inline;
}