.o-article {

  @include mq($max: 950) {
    padding-top: 30px;
  }

  @include mq(600) {
    width: column(8, 12);
    margin: auto;
  }

  @include mq(1300) {
    width: column(6, 12);
  }
}

.o-article__back {
  margin-bottom: 30px;
}

.o-article__heading {
  margin-bottom: 30px;
}

.o-article__author {
  margin-bottom: 60px;
}

.o-article__hero {
  display: block;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 60px;
}


.o-article__block {
  @include owl(60px);
}

.o-article__block--quote {
  @include mq(600) {
    width: column(5, 6);
    margin: auto;
  }
}

.o-article__block--client-quote {

  @include mq(1300) {
    width: 100%;
    margin-left: 0;
  }
}

.o-article__content {
  margin-bottom: 80px;
}

.o-article__back-bottom {
  margin-bottom: 120px;
  text-align: center;

  @include mq(m) {
    margin-bottom: 180px;
  }
}

.o-block.o-article__discover {
  @include mq($max: 600) {
    margin-bottom: 0;
  }
}

@include mq(600) {

  .o-article__hero {
    width: column(8, 6);
    margin-left: column(-1, 6);

    @include coloredBox(120px, column(2, 8), rgba(palette(accent, 'green'), 0.15));
  }

  .o-article__block--text {
    width: column(5, 6);
    margin: auto;
  }

  .o-article__block--client-quote {
    width: column(9, 8);
    margin-left: column(-0.5, 8);
  }
}