@media (max-width: 1260px) {

  .single-post--header {
    padding-top: 2rem;
  }

  .single-post--header .col--left {
    width: calc(100% - 480px);
    padding-right: 2rem;
  }

  .single-post--header .col--right {
    width: 480px;
  }

  .post-preview .row--top .post-preview--image,
  .single-post--header .single-post--featured-image {
    clip-path: polygon(
      4rem 0, 100% 0,
      100% calc(100% - 3.575rem),
      calc(100% - 4rem) 100%,
      0 100%, 0 3.575rem
    );
  }

}

@media (max-width: 1160px) {

  .single-post--header {
    padding-top: 1.5rem;
  }

  .single-post--header .col--left {
    width: calc(100% - 420px);
    padding-right: 1.5rem;
  }

  .single-post--header .col--right {
    width: 420px;
  }

  .post-preview .row--top .post-preview--image,
  .single-post--header .single-post--featured-image {
    clip-path: polygon(
      3.5rem 0, 100% 0,
      100% calc(100% - 3.1325rem),
      calc(100% - 3.5rem) 100%,
      0 100%, 0 3.1325rem
    );
  }

  .layout-blog .grid.grid--3 {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2.5rem;
  }

}

@media (max-width: 1024px) {

  .single-post--header .col--left {
    width: calc(100% - 375px);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .single-post--header .single-post--title {
    margin-bottom: 1.25rem;
  }

  .single-post--header .col--right {
    width: 375px;
  }

}

@media (max-width: 960px) {

  .single-post--header {
    padding-top: 2.25rem;
  }

  .single-post--header .col--left {
    width: 100%;
    padding: 1.5rem 0 1.75rem 0;
  }

  .single-post--header .col--right {
    width: 100%;
    margin-bottom: 0;
  }

  .single-post--content .layout:first-child {
    padding-top: .5rem;
  }

  /*
  .single-post--header .col--right {
    margin-bottom: -3.175rem;
  }
  .single-post--content {
    padding-top: 3.175rem;
  }
  */

  .single-post--header {
    padding-top: 0;
  }

  .single-post--header .single-post--featured-image {
    width: calc(100% + 6.75rem);
    transform: translateX(-3.375rem);
  }

  .single-post--header .single-post--title {
    margin-bottom: .5rem;
  }

  .single-post--header .single-post--publish-date {
    font-size: .875rem;
  }

}

@media (max-width: 900px) {

  .layout-blog {
    padding-bottom: 8rem;
  }

}

@media (max-width: 860px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 6.5rem);
    transform: translateX(-3.25rem);
  }

}

@media (max-width: 800px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 6.25rem);
    transform: translateX(-3.125rem);
  }

}

@media (max-width: 768px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 6rem);
    transform: translateX(-3rem);
  }

  .layout-blog .layout-row--top {
    margin-bottom: 2.5rem;
  }

  .layout-blog .grid.grid--3 {
    grid-template-columns: 1fr
  }

  .post-preview .row--top .post-preview--image,
  .single-post--header .single-post--featured-image {
    clip-path: polygon(
      3rem 0, 100% 0,
      100% calc(100% - 2.685rem),
      calc(100% - 3rem) 100%,
      0 100%, 0 2.685rem
    );
  }

}

@media (max-width: 720px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 5.75rem);
    transform: translateX(-2.875rem);
  }

}

@media (max-width: 640px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 5.5rem);
    transform: translateX(-2.75rem);
  }

  .layout-blog {
    padding-bottom: 6rem;
  }

}

@media (max-width: 600px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 5.25rem);
    transform: translateX(-2.625rem);
  }

}

@media (max-width: 575px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 5rem);
    transform: translateX(-2.5rem);
  }

}

@media (max-width: 525px) {

  .post-preview .row--top .post-preview--image,
  .single-post--header .single-post--featured-image {
    clip-path: polygon(
      2.67rem 0, 100% 0,
      100% calc(100% - 2.3895rem),
      calc(100% - 2.67rem) 100%,
      0 100%, 0 2.3895rem
    )
  }

  .layout-blog {
    padding-bottom: 3.5rem;
  }

  .layout-blog .layout-row--top {
    margin-bottom: 2.25rem;
  }

  .post-preview .row--bottom .post-preview--title {
    font-size: 1rem;
  }

  .single-post--header .single-post--featured-image {
    width: calc(100% + 4.75rem);
    transform: translateX(-2.375rem);
  }


}

@media (max-width: 480px) {

  .layout-blog .layout-row--top {
    margin-bottom: 2rem;
  }

  .single-post--header .single-post--featured-image {
    width: calc(100% + 4.5rem);
    transform: translateX(-2.25rem);
  }

}

@media (max-width: 450px) {



  .layout-blog .grid.grid--3 {
    grid-row-gap: 2rem;
  }

  .post-preview .row--bottom .post-preview--title {
    font-size: .9rem;
  }

  .single-post--header .single-post--featured-image {
    width: calc(100% + 4.25rem);
    transform: translateX(-2.125rem);
  }

}

@media (max-width: 428px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
  }

}

@media (max-width: 400px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 3.5rem);
    transform: translateX(-1.75rem);
  }

}

@media (max-width: 375px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 3rem);
    transform: translateX(-1.5rem);
  }

}

@media (max-width: 360px) {

  .single-post--header .single-post--featured-image {
    width: calc(100% + 2.75rem);
    transform: translateX(-1.375rem);
  }

}