/* IMPORT THE FRAMEWORK */
.pagination, .content .bullet-list li, .content .row .col, .content .row, .content figure, .content {
  position: relative;
}

.content .bullet-list li:before {
  position: absolute;
}

.content .bullet-list li:before, .content figure img, .content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p, .intro p, .content h2 {
  display: block;
}

.pagination {
  clear: both;
}
.pagination:after {
  display: table;
  content: "";
  clear: both;
}

.pagination, .content .double-images figure figcaption p, .content figure figcaption p {
  text-align: center;
}

.content h2, .content p, .content {
  margin-left: auto;
  margin-right: auto;
}

.content .row {
  display: flex;
  flex-wrap: wrap;
}

.content .row {
  justify-content: space-between;
}

.pagination a {
  background-repeat: no-repeat;
}

.content h2 {
  font-family: "MuseoSansRounded", sans-serif;
}

.pagination {
  padding-left: 5%;
  padding-right: 5%;
}
@media screen and (max-width: 1921px) {
  .pagination {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }
}
@media screen and (max-width: 960px) {
  .pagination {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.intro p, .content h2 {
  font-size: 1.7em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .intro p, .content h2 {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .intro p, .content h2 {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 450px) {
  .intro p, .content h2 {
    font-size: 1.2em;
  }
}

.content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p {
  font-size: 1.1em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p {
    font-size: 1em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p {
    font-size: 1em;
  }
}
@media screen and (max-width: 450px) {
  .content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p {
    font-size: 0.95em;
  }
}

.content h2 {
  font-weight: normal;
  line-height: 1.4em;
  margin-bottom: 1.2em;
}

.content .bullet-list li, .content .double-images figure figcaption p, .content figure figcaption p, .content time, .content p, .intro p {
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 1.5em;
}

.hero {
  background-image: url("/app/images/about/hero.jpg");
}

.intro p {
  max-width: 60%;
}

.content {
  max-width: 60%;
  /* DOUBLE IMAGES */
  /* BULLET LIST */
}
.content h2, .content p {
  width: 80%;
}
.content figure {
  width: 100%;
  margin: 1.5em 0;
}
.content figure img {
  width: 100%;
}
.content .row {
  width: 100%;
}
.content .row .half {
  width: 45%;
  margin-right: 2.5%;
}
.content .row .half:nth-of-type(even) {
  margin-right: 0;
}
.content .double-images {
  width: 100%;
  overflow: auto;
}
.content .double-images figure {
  float: left;
  width: 48%;
  margin: 0 2% 0 0;
}
.content .double-images figure:last-of-type {
  margin-right: 0 !important;
}
.content .bullet-list {
  width: 80%;
  overflow: auto;
  margin: 0.8em auto;
}
.content .bullet-list li {
  padding-left: 18px;
}
.content .bullet-list li:before {
  content: " ";
  top: 10px;
  left: 5px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #672993;
}

.pagination {
  padding-top: 6em;
  padding-bottom: 6em;
  color: #909090;
  font-weight: 500;
}
.pagination a {
  background-size: 10px;
  color: #555455;
  background-image: url("/content/images/global/pagination.png");
}
.pagination a:hover {
  color: #6f6d6f;
}
.pagination a:active {
  color: #3b3b3b;
}
.pagination .prev {
  float: left;
  background-position: left top;
  padding-left: 20px;
}
.pagination .next {
  float: right;
  background-position: right bottom;
  padding-right: 20px;
}