:root {
  --bottom-sep: 6rem;
}
@media screen and (min-width: 768px) {
  :root {
    --bottom-sep: 13rem;
  }
}
.background-section-cont .background {
  background-color: #555;
  background-size: cover;
  color: white;
  text-align: center;
  min-height: 30vh;
  display: flex;
  justify-content: center;
  padding: 0 1rem 1rem 1rem;
}
.background-section-cont .background.small {
  max-height: 280px;
}
@media screen and (min-width: 768px) {
  .background-section-cont .background {
    padding: 3.5rem;
  }
}
.background-section-cont .background-text-block {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: calc(-1 * var(--bottom-sep));
}
.background-section-cont .background-text-block .txt-infos {
  text-align: center;
  width: min(85vw, 940px);
  background-color: white;
  color: black;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .background-section-cont .background-text-block .txt-infos {
    padding: 3rem 6rem 1rem 6rem;
  }
}
.background-section-cont .background-text-block .txt-infos .section-title {
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--accent-color);
  margin-bottom: 3rem;
}
.background-section-cont .background-text-block .txt-infos p {
  line-height: 1.5;
  margin-bottom: 1rem;
}
.background-section-cont .background-text-block .txt-infos a.btn {
  margin-top: 1rem;
}