$largeQuoteBp: 740;

.c-large-quote {

  @include mq($largeQuoteBp) {
    display: flex;
    justify-content: center;
  }
}

.c-large-quote__image {
  max-width: 280px;
  margin: auto;

  @include mq($largeQuoteBp) {
    max-width: 360px;
    width: column(2, 6);
    margin: 0;
  }

  .c-clipped-image__svg {
    color: palette(secondary, 80);
  }
  .c-clipped-image__background {
    opacity: 1;
  }
}

.c-large-quote__main {

  @include mq($max: $largeQuoteBp) {
    margin: 30px auto 0;
    width: column(10, 12);
    text-align: center;
  }

  @include mq($largeQuoteBp) {
    margin-left: column(0.5, 6);
    width: column(3.5, 6);
    max-width: 700px;
  }
}


.c-large-quote__text {
  position: relative;

  h2 {
    margin-bottom: 50px;
  }
}

.c-large-quote__quote-mark {
  width: 35px;
  max-height: 30px;

  @include mq($max: $largeQuoteBp){
    display: inline-block;
    margin-bottom: 20px;
  }

  @include mq($largeQuoteBp) {
    position: absolute;
    left: -65px;
    top: -5px;
  }
}

.c-large-quote__name {
  margin-top: 40px;
  font-weight: 500;
  color: palette(text, 400);
  line-height: 1.2;
}

.c-large-quote__function {
  @include font-size(16);
}