.H-3Sm {
  position: relative;
  display: flex;
  gap: var(--sp45);
  flex-direction: column;
  max-width: 460px;
  margin: 0 auto;
}
.H-3Sm header {
  right: unset;
  top: 0;
  left: 0;
  position: relative;
}
.H-3Sm header img {
  width: 30%;
  max-width: 150px;
}
.H-3Sm header h1 {
  font-size: var(--font-size-lg);
}
.H-3Sm header span {
  color: var(--color-gold);
}
.H-3Sm .bible-answer-teaser {
  display: block;
}
.H-3Sm .bible-answer-teaser .image,
.H-3Sm .bible-answer-teaser .body {
  display: inline-block;
  vertical-align: top;
}
.H-3Sm .bible-answer-teaser .image {
  margin-right: var(--sp15);
  width: 120px;
}
.H-3Sm .bible-answer-teaser .body {
  width: calc(100% - 140px);
}
.H-3Sm footer {
  text-align: center;
}
@media (min-width: 420px) {
  .H-3Sm header {
    display: flex;
    align-items: center;
    gap: var(--sp15);
  }
}
@media (min-width: 600px) {
  .H-3Sm header h1 {
    font-size: var(--font-size-xl);
  }
  .H-3Sm .bible-answer-teaser .image {
    margin-right: var(--sp30);
    width: 180px;
  }
  .H-3Sm .bible-answer-teaser .body {
    width: calc(100% - 240px);
  }
}
@media (min-width: 860px) {
  .H-3Sm {
    max-width: unset;
  }
  .H-3Sm header h1 {
    font-size: var(--font-size-xxl);
  }
  .H-3Sm header {
    position: absolute;
    top: unset;
    left: unset;
    right: calc(60% + 50px);
    text-align: right;
    max-width: 350px;
    flex-direction: column;
    align-items: flex-end;
  }
  .H-3Sm header img {
    width: 100%;
  }
  .H-3Sm .views-row,
  .H-3Sm footer {
    margin-left: 40%;
    text-align: left;
  }
}