.article-text-image .article__columns {
  display: grid;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 120px;
    margin-bottom: 120px;
  }
}
.article-text-image .article__columns:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__columns.article__columns-reverse .article__column-image {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__columns.article__columns-reverse .article__column-content {
    order: 1;
  }
}
.article-text-image .article__column-image {
  order: 2;
  margin: 20px -20px 0;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__column-image {
    order: 1;
    margin: 0;
  }
}
.article-text-image .article__column-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .article__columns-reverse .article-text-image .article__column-image {
    order: 2;
  }
}
.article-text-image .article__column-content {
  order: 1;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__column-content {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .article__columns-reverse .article-text-image .article__column-content {
    order: 1;
  }
}
.article-text-image .article__content,
.article-text-image .article__column-content {
  max-width: 700px;
}
.article-text-image .article__content h2,
.article-text-image .article__content h3,
.article-text-image .article__content h4,
.article-text-image .article__content h5,
.article-text-image .article__content h6,
.article-text-image .article__column-content h2,
.article-text-image .article__column-content h3,
.article-text-image .article__column-content h4,
.article-text-image .article__column-content h5,
.article-text-image .article__column-content h6 {
  font-family: "nimbus-roman", serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.36px;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content h2,
  .article-text-image .article__content h3,
  .article-text-image .article__content h4,
  .article-text-image .article__content h5,
  .article-text-image .article__content h6,
  .article-text-image .article__column-content h2,
  .article-text-image .article__column-content h3,
  .article-text-image .article__column-content h4,
  .article-text-image .article__column-content h5,
  .article-text-image .article__column-content h6 {
    font-size: 32px;
    letter-spacing: 2.56px;
    line-height: 44px;
  }
}
.article-text-image .article__content > p,
.article-text-image .article__content > div p,
.article-text-image .article__column-content > p,
.article-text-image .article__column-content > div p {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content > p,
  .article-text-image .article__content > div p,
  .article-text-image .article__column-content > p,
  .article-text-image .article__column-content > div p {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.54px;
    line-height: 32px;
  }
}
.article-text-image .article__content > p:first-child,
.article-text-image .article__content > div p:first-child,
.article-text-image .article__column-content > p:first-child,
.article-text-image .article__column-content > div p:first-child {
  margin-top: 0;
  font-size: 16px;
  letter-spacing: 0.51px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content > p:first-child,
  .article-text-image .article__content > div p:first-child,
  .article-text-image .article__column-content > p:first-child,
  .article-text-image .article__column-content > div p:first-child {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.54px;
    line-height: 32px;
  }
}
.article-text-image .article__content a:not(.button),
.article-text-image .article__column-content a:not(.button) {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.42px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content a:not(.button),
  .article-text-image .article__column-content a:not(.button) {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.54px;
    line-height: 32px;
  }
}
.article-text-image .article__content a:not(.button)::after,
.article-text-image .article__column-content a:not(.button)::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content a:not(.button)::after,
  .article-text-image .article__column-content a:not(.button)::after {
    bottom: -4px;
  }
}
.article-text-image .article__content strong,
.article-text-image .article__content b, .article-text-image .article__content em,
.article-text-image .article__column-content strong,
.article-text-image .article__column-content b,
.article-text-image .article__column-content em {
  font-size: 14px;
}
.article-text-image .article__content strong a,
.article-text-image .article__content b a, .article-text-image .article__content em a,
.article-text-image .article__column-content strong a,
.article-text-image .article__column-content b a,
.article-text-image .article__column-content em a {
  font-size: 14px !important;
  font-weight: bold !important;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content strong,
  .article-text-image .article__content b, .article-text-image .article__content em,
  .article-text-image .article__column-content strong,
  .article-text-image .article__column-content b,
  .article-text-image .article__column-content em {
    font-size: 18px;
  }
  .article-text-image .article__content strong a,
  .article-text-image .article__content b a, .article-text-image .article__content em a,
  .article-text-image .article__column-content strong a,
  .article-text-image .article__column-content b a,
  .article-text-image .article__column-content em a {
    font-size: 18px !important;
    font-weight: bold !important;
  }
}
.article-text-image .article__content img,
.article-text-image .article__column-content img {
  width: calc(100% + 40px);
  height: 100%;
  margin: 20px -20px 0;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content img,
  .article-text-image .article__column-content img {
    width: calc(100% + 120px);
    margin: 40px -60px 0;
  }
}
.article-text-image .article__content blockquote,
.article-text-image .article__column-content blockquote {
  margin: 30px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content blockquote,
  .article-text-image .article__column-content blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
  }
}
.article-text-image .article__content blockquote p,
.article-text-image .article__column-content blockquote p {
  font-family: "nimbus-roman", serif;
  font-size: 18px;
  letter-spacing: 1.36px;
  line-height: 26px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content blockquote p,
  .article-text-image .article__column-content blockquote p {
    font-size: 32px;
    letter-spacing: 2.56px;
    line-height: 44px;
  }
}
.article-text-image .article__content .button,
.article-text-image .article__column-content .button {
  display: inline-block;
  padding: 14px 24px 16px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2.52px;
  line-height: 14px;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .article-text-image .article__content .button,
  .article-text-image .article__column-content .button {
    padding: 18px 34px 20px;
  }
}
.article-text-image .article__content .button:hover,
.article-text-image .article__column-content .button:hover {
  background-color: #737373;
  color: #fff;
}