/**
 *
 * About Page Styling (Adaptive)
 */

.about .introduction .text.columns-2 {
  column-count: 2;
  column-gap: 100px;
}

.about .content article {
  padding-top: 60px;
  padding-bottom: 50px;
}

.about .content article:nth-of-type(1) {
  padding-top: 75px;
}

.about .content article .article-text {
  padding-left: 15px;
  padding-right: 15px;
}

.about .content article:nth-child(odd) .article-text {
  padding-left: 30px;
}

.about .content article:nth-child(even) .article-text {
  padding-right: 30px;
}

.about .content article .article-image {
  order: 0;
  align-self: center;
  /* text-align: center; */
}

.about .content article:nth-child(odd) .article-image {
  order: 13;
}

.about .content article .article-text h3 {
  color: var(--theme-color);
  font: normal normal 32px/30px 'Open Sans', sans-serif;
}

.icon-before-title:before {
  content: url(/assets/images/icons/heart.png);
  margin-right: 1rem;
  vertical-align: middle;
}


@media only screen and (max-width: 1440px) {
  .about .introduction .text.columns-2 {
    column-gap: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .about .content article .article-text h3 {
    font-size: 23px;
  }

  .about .introduction .text.columns-2 {
    column-count: 1;
    column-gap: 0;
  }

  .about .content article:nth-child(odd) .article-text {
    padding-left: 15px;
  }

  .about .content article:nth-child(even) .article-text {
    padding-right: 15px;
  }

}

@media only screen and (max-width: 992px) {

  .about .content article:nth-of-type(1),
  .about .content article {
    padding-top: 50px;
  }

  .about .content article .article-image {
    order: 13;
  }

  .about.page-section {
    margin-top: 35px !important;
  }
}

@media only screen and (max-width: 576px) {

  .about .content article:last-of-type {
    padding-bottom: 0;
  }

  .page-section .title h2,
  .title,
  .section-title,
  .about .content article .article-text h3 {
    font-size: 23px;
  }

  .about .content article .article-text h3 {
    line-height: inherit;
  }

  .icon-before-title:before {
    vertical-align: middle;
  }

  .about .content article:nth-of-type(1) {
    padding-top: 25px;
  }

  .about .content article {
    padding-top: 0;
  }

  .about .content article:nth-child(odd) .article-text {
    padding-left: 15px;
  }

  .about .content article:nth-child(even) .article-text {
    padding-right: 15px;
  }
}