.infographic-header {
  overflow: hidden;
}
.infographic-header.infographic-header--one .infographic-header__col:first-child {
  display: none;
}
.infographic-header__col {
}
.infographic-header__cols {
}
.infographic-header__text-content {
  padding: 20px;
}
.infographic-header__title {
  padding: 20px;
  background-color: #FFFEEE;
}
.infographic-header__title-text {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0.03em;
  color: #3D3D3D;
}
.infographic-header__video {
  position: relative;
}
.infographic-header__video-aspect {
  padding-top: 56.25%;
  position: relative;
}
.infographic-header__video-aspect.infographic-header__video-aspect--desktop {
  display: none;
}
.infographic-header__video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .infographic-header__col {
    flex: 1;
    margin: 0 15px;
    position: relative;
  }
  .infographic-header__cols {
    display: flex;
    padding: 0 50px;
    margin: 0 -15px;
    padding-bottom: 20px;
  }
  .infographic-header__text {
    display: flex;
    height: 100%;
    align-items: flex-start;
  }
  .infographic-header__text-content {
    padding: 0;
    max-width: 1000px;
    margin: 0 auto;
  }
  .infographic-header__title {
    padding: 50px;
    background-color: transparent;
  }
  .infographic-header__title-text {
    font-size: 50px;
    line-height: 75px;
  }
  .infographic-header__video {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .infographic-header__video-aspect.infographic-header__video-aspect--desktop {
    display: block;
  }
}
@media (min-width: 1100px) {
  .infographic-header {
    background-image: url(../img/desktop-bg.svg);
    background-position: top right 50px;
    background-repeat: no-repeat;
    background-size: 450px auto;
  }
}