#features {
  padding: 3em;
}

.features-card {
  width: 1024px;
  max-width: 100%;

  margin: 10em auto;
}

.features-text-container {
  background-color: #21150b;

  /* width: 1500px; */
  max-width: 100%;

  padding: 2em;
  margin: auto;
}

.features-text-header {
  font-size: clamp(2em, 5vw, 3em);
}

.features-text-body {
  font-size: clamp(1em, 4vw, 2.5em);
}

.features-text-body-paragraph {
  margin: 1em;
}

.features-card-image-container {
  border: 11px solid #2b1e07;
}

.features-card-text {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 1em;

  font-size: clamp(1em, 4vw, 2em);
}

.text-container-border {
  display: grid;
  grid-template-columns: 55px 1fr 57px;
}

@media screen and (max-width: 768px) {
  .text-container-border {
    grid-template-columns: 20px 1fr 20px;
  }
}

.text-container-border .border-img {
  height: 100%;
}

.text-container-border-top-repeat {
  background: url(../media/img/features/text_container/text_container_top.png) repeat-x;
  background-size: auto 100%;
  width: 100%;
}

.text-container-border-bot-repeat {
  background: url(../media/img/features/text_container/text_container_bot.png) repeat-x;
  background-size: auto 100%;
  width: 100%;
}

.text-container-border-left-repeat {
  background: url(../media/img/features/text_container/text_container_left.png) repeat-y;
  background-size: 100% auto;
}

.text-container-border-right-repeat {
  background: url(../media/img/features/text_container/text_container_right.png) repeat-y;
  background-size: 100% auto;
}