@media screen and (max-width: 767px) {
  .section__header-container {
    margin-bottom: 48px;
    flex-direction: column;
  }
  img.bg_desktop,
  img.bg_tablet {
    display: none;
  }
  img.bg_mobile {
    display: block;
  }
  /*br.mobile {
    display: inline;
  }*/
  .container {
    max-width: calc(100% - 32px);
  }
  .section {
    margin: 72px 0;
  }
  .site-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  .section-title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 16px;
  }
  .sub-title {
    font-size: 18px;
    line-height: 26px;
  }
  .section-description {
    font-size: 16px;
    line-height: 24px;
  }
}
