/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
.quotemark___z8Shb {
  font-size: 4rem;
  font-weight: 600;
  color: #da291c; }

.content___QQ_4X {
  padding: 40px; }
  @media only screen and (min-width: 768px) {
    .content___QQ_4X {
      padding: 60px; } }
  @media only screen and (min-width: 992px) {
    .content___QQ_4X {
      display: flex;
      justify-content: space-between; } }

.quote___2NZrf {
  font-size: 2rem;
  line-height: 3rem;
  font-style: italic;
  font-weight: 300;
  color: #6a6a6a;
  margin-right: -10px;
  padding: 20px 0 32px 0; }
  @media only screen and (min-width: 992px) {
    .quote___2NZrf {
      width: 70%;
      padding: 0; } }

.NPSTestimonial___2X_h6 {
  flex: 1;
  height: 100%; }
  .NPSTestimonial___2X_h6 .content___QQ_4X {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%; }
  .NPSTestimonial___2X_h6 .quote___2NZrf {
    width: 100%;
    flex: 1; }