@-webkit-keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

/**
     We are making
::::   DISCIPLES   ::::::::::
 */
/**
     We are making
::::   DISCIPLES    Here is some description text that could exist ::::::::::
 */
/**
           We are making
:::::::::    DISCIPLES    :::::::::
     And here is the description
   that appears below both titles
               now.
 */
.layered-title {
  overflow-x: hidden; }
  @media (min-width: 1024px) {
    .layered-title {
      overflow: visible; } }
  @media (min-width: 0) and (max-width: 1024px) {
    .layered-title {
      padding: 0 16px;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      -webkit-transform: translateX(calc(50vw - 50%));
      transform: translateX(calc(50vw - 50%)); } }

.layered-title__top,
.layered-title__bottom {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.layered-title__top__title,
.layered-title__bottom__title {
  color: #FFF;
  text-align: center; }
  @media (min-width: 1024px) {
    .layered-title__top__title,
    .layered-title__bottom__title {
      text-align: left; } }

.layered-title__top__title * {
  margin: 0;
  font-weight: lighter; }

.layered-title__bottom.dotted-grid.no-description .layered-title__bottom__title::after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  top: 8px;
  height: 75px;
  width: 1300px;
  background: url("../assets/dotted-grid.png") no-repeat 0 0;
  background-size: 80% 50%; }
  @media (min-width: 1024px) {
    .layered-title__bottom.dotted-grid.no-description .layered-title__bottom__title::after {
      width: 100vw; } }

.layered-title__bottom.dotted-grid .layered-title__bottom__title::before {
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  top: 8px;
  height: 75px;
  width: 1300px;
  background: url("../assets/dotted-grid.png") repeat-x 0 0;
  background-size: 80% 50%; }
  @media (min-width: 1024px) {
    .layered-title__bottom.dotted-grid .layered-title__bottom__title::before {
      width: 100vw; } }

.layered-title__bottom.dotted-grid .layered-title__bottom__title::after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  top: 8px;
  height: 75px;
  width: 1300px;
  background: url("../assets/dotted-grid.png") repeat-x 0 0;
  background-size: 80% 50%; }
  @media (min-width: 1024px) {
    .layered-title__bottom.dotted-grid .layered-title__bottom__title::after {
      display: none; } }

.layered-title__bottom.dotted-grid .layered-title__bottom__description::after {
  display: none; }
  @media (min-width: 1024px) {
    .layered-title__bottom.dotted-grid .layered-title__bottom__description::after {
      content: '';
      display: block;
      position: absolute;
      left: 100%;
      top: 8px;
      height: 75px;
      width: 100vw;
      background: url("../assets/dotted-grid.png") repeat-x 0 0;
      background-size: 80% 50%; } }

.layered-title__bottom__title {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  .layered-title__bottom__title * {
    margin: 0; }

.layered-title__bottom__description {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem;
  text-align: center;
  font-size: 12px; }
  @media (min-width: 1024px) {
    .layered-title__bottom__description {
      padding-left: 0;
      margin-top: 0;
      text-align: left;
      font-size: 14px; } }
  .layered-title__bottom__description * {
    font-size: inherit; }