.c-post-article {
  position: relative;
  width: column(12, 14);
  max-width: 800px;
  margin: -160px auto 0;

  @include respond-to-width(960) {
    margin-top: -120px;
  }


  @include respond-to-width(600) {
    width: 100%;
  }

  @include respond-to-width(425) {
    margin-top: -70px;
  }
}

.c-post-article__image {
  width: 100%;

  img {
    width: 100%;
  }

  .c-post-articel__image--small {
    display: none;
  }

  @include respond-to-width(450) {
    .c-post-articel__image--medium { display: none; }
    .c-post-articel__image--small { display: block; }
  }
}

.c-post-article__body {
  background-color: white;
}

.c-post-article__heading {
  padding: 30px 40px;
}

.c-post-article__main {
  padding: 0 40px 40px;

  .dynamic-block.full-text-block .content {
    text-align: left;
    max-width: none;
  }

}

.c-post-article__back {
  position: relative;
  display: block;
  margin-bottom: 60px;

  color: $neutral-200;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1rem;
  text-transform: uppercase;

  .c-post-article__arrow {
    position: relative;
    top: 6px;
    display: inline-block;
    transform: scaleX(-1);
    margin-right: 10px;
  }

  &:before, &:after {
    content: '';
    position: absolute;
    display: block;
    height: 0;
    opacity: 0.5;
    border-top: solid 1px white;
    z-index: 20;
  }

  &:before {
    width: 50px;
    left: -5px;
    transform: rotate(-45deg);
  }

  &:after {
    width: 65px;
    left: -18px;
    transform: rotate(-45deg);
  }

  @include respond-to-width(600) {
    margin-left: 40px;
  }
}

.c-post-article__title {
  color: $blue;
  font-size: 2.875rem;
  font-weight: 500;
  line-height: 3.375rem;
  margin-top: 0;
  margin-bottom: 20px;
}
.c-post-article__date {
  font-size: 1.275rem;
  line-height: 1;
  color: $pastelBlue;
}