h1 { margin-bottom: 2rem; }

.image-col > img {
  max-width: 100%;
  margin-bottom: 2rem;
}

.text-col {
  padding: 0 2.2rem;
}

.close {
  /* max-width: 800px; */
  margin-left: auto;
  margin-right: auto;
  padding: 0 2.5rem;
  margin-top: 3rem;
  margin-bottom: -3rem;
  background-color: #FDF7ED;
}

.close > p {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
}

.close > p:first-child {
  padding-top: 3rem;
}

.close > p:last-child {
  padding-bottom: 3rem;
}

.thin-divider {
  max-width: 8%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

/* ------------------ MEDIA QUERIES ------------------ */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .image-col > img {
    max-width: 160%;
    margin-bottom: 0;
    margin-left: -60%;
  }
  .close { padding: 0 .3rem; }
  .text-col {   text-align: left; }
}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .image-col > img {
    max-width: 100%;
    margin-left: auto;
  }
  .close { padding: 0; }
}

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .image-col > img { max-width: 80%; margin-left: 20%; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  /* .text-col { justify-content: flex-end; }
  .image-col { justify-content: flex-start; } */

  /* .image-col > img { max-width: 60%; margin-left: 40%; } */
  /* .text-col { padding: 0 6rem 0 0; } */
  .text-col { padding-right: 6rem; }
  .image-col { padding-left: 6rem; }
  /* .text-col { max-width: 600px; } */
}