@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;
  }

}

@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;
  }

}

@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;
  }

}

@media (max-width: 900px) {

}

@media (max-width: 860px) {

}

@media (max-width: 800px) {

}

@media (max-width: 760px) {

}

@media (max-width: 720px) {

}

@media (max-width: 640px) {

}

@media (max-width: 575px) {

}

@media (max-width: 525px) {

}

@media (max-width: 480px) {

}

@media (max-width: 450px) {

}

@media (max-width: 436px) {

}

@media (max-width: 400px) {

}

@media (max-width: 375px) {

}

@media (max-width: 360px) {

}