/* --------------------------------------------- Content Block */

.body-content .wrapper {
  /* margin: 0 calc(10% - 30px); */
  /* padding: 20px; */
  opacity: 0;
  margin: 0 auto;
  padding: 0 16px;
  max-width: 1400px;
}

.content-block-image {
  width: 100%;
  margin-bottom: 2rem;
}

.content-block-text {
    display: flex; 
    justify-content: center;
}

.visible {
    opacity: 1;
}

.body-content .wrapper h2 {
  text-align: center;
}

/* ensure wrapped children have side margins as normal wrapper, but no vertical padding */
.body-content .wrapper-thin {
  margin: 0;
}

/* ensure wrapped children have side margins in wide wrappers */
.body-content .wrapper-wide {
  /* padding: 20px 14%; */
  padding: 20px 30px;
}

.body-content .wrapper-wide h2 {
  text-align: center;
}

.call-to-action {
  text-decoration: none;
}

@media (min-width: 768px) {
  /* ensure wrapped children have side margins in normal wrapper */
  .body-content .wrapper {
    /* margin: 0 calc(10% - 30px); */
    padding: 30px;
  }

  /* ensure wrapped children have side margins as normal wrapper, but no vertical padding */
  .body-content .wrapper-thin {
    margin: 0 10%;
  }

  /* ensure wrapped children have side margins in wide wrappers */
  .body-content .wrapper-wide {
    padding: 30px 10%;
  }
}

.content-block img {
  display: none;
}

.content-block .btn {
  margin: 15px 0;
  width: 100%;
}

@media (min-width: 768px) {
  /* on non-mobile devices, reset the content block call to action width */
  .content-block .btn {
    width: auto !important;
  }

  .content-block img {
    display: flex;
  }
}