/* ==========================================================================
   Quotes
   ========================================================================== */

.quote {
  background: #000000;
  position: relative;
  padding: 28px 16px 28px 36px;
}

.quote .background-green {
  background: #2a8c7f;
  width: 220px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.quote .background-green img {
  position: absolute;
  bottom: 0;
  left: 100px;
}
  
.quote p {
  font-family: georgia;
  font-size: 20px; 
  font-style: italic;
  line-height: 26px;
  color: #959697;
  margin-bottom: 4px;
}

.quote p a{
   color: #959697; 
}

.quote .quote-author {
  font-size: 14px;
}

.quote p i {
  float: left;
  display: block;
  margin-top: -16px;
  margin-left: -16px;
  margin-right: 16px;
  color: #757575;
  font-size: 36px;
}



/* ============ Large quote ============ */

.quote.quote-large {
  padding: 64px 160px 64px 360px;
}

.quote.quote-large p {
  font-size: 36px; 
  line-height: 36px;
  margin-bottom: 12px;
}

.quote.quote-large .quote-author {
  font-size: 20px;
}