html, body {
  overflow-x: hidden;
}

h1, .sub-title {
  text-align: center;
  padding: 0 1rem .5rem 1rem;
}

.image-background > img {
  max-width: 110%;
  /* margin-left: 4rem; */
}

.text-overlay {
  z-index: 9;
  background-color: #FBFAFA;
  /* margin-top: 2rem; */
  /* margin-left: 50rem; */
  /* margin-right: 5rem; */
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

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

.container-md {
  max-width: 960px;
}

.colored-row {
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 3rem 2rem 3rem;
  margin-bottom: 3rem;
  background-color: #fdf7ed;
}

.colored-row p {
  font-size: 1.2rem;
}

.colored-row > .accordion {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.accordion {
  margin-top: 0.5rem;
  padding-bottom: 2rem;
}

.accordion-item {
  border-left: none;
  border-right: none;
  border-top: none;
}

.accordion, .accordion-body, button.accordion-button, .accordion-item, .accordion-header, .accordion-button:not(.collapsed) {
  background-color: #fdf7ed;
  color: var(--bs-body-color);
  text-align: left;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transform: rotate(-180deg);
}

.faq-cta {
  margin-top: -3rem;
  text-align: center;
  background-color: #ead8c9;
  /* padding: 1.5rem; */
  padding-top: 3rem;
  padding-bottom: 1rem;
}

/* .faq-cta .h2 { margin-top: 2rem; } */
/* .faq-cta .btn { margin-top: 1rem; } */

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

/* Extra extra small for text image overlay adjustment */
@media (min-width: 360px) {
  .image-background > img {
    max-width: 135%;
    /* margin-left: 5rem; */
  }

  .text-overlay {
    margin-top: 2rem;
    margin-left: -10rem;
    margin-right: 1rem;
  }
}

/* Extra small for text image overlay adjustment */
@media (min-width: 500px) {
  .image-background > img {
    max-width: 125%;
    margin-left: 1rem
  }

  .text-overlay {
    margin-top: 2rem;
    margin-left: -10rem;
    margin-right: 1rem;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .image-background > img {
    max-width: 130%;
    margin-left: 3rem;
  }

  .text-overlay {
    margin-top: 3rem;
    margin-left: -10rem;
    margin-right: 3rem;
    padding: 2rem 2rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .image-background > img {
    max-width: 140%;
    margin-left: 6rem;
  }

  .text-overlay {
    margin-top: 6rem;
    margin-left: -10rem;
    margin-right: 3rem;
    padding: 3rem 3rem;
  }
}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .image-background > img {
    max-width: 130%;
    margin-left: 9rem;
  }

  .text-overlay {
    margin-top: 7rem;
    margin-left: -10rem;
    margin-right: 3rem;
    padding: 3rem 3rem;
  }
}

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .image-background > img {
    content: url("../images/faq-lg.jpg");
    max-width: 195%;
    margin-left: -3rem;
  }

  .text-overlay {
    margin-top: 6.5rem;
    margin-left: -10rem;
    margin-right: 5rem;
    padding: 6rem 6rem;
    }
}