header .background {
  background-image: url(/statics/images/site.background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-bottom: var(--px1) solid var(--color-border);
}

header .background .container > .row > div.image {
  align-items: start !important;
  padding-top: var(--px15) !important;
}

header .background .container > .row > div.image > .wrapper > .inner {
  width: var(--px253) !important;
  padding-top: 93% !important;
}

header .background .container > .row > div.text > .wrapper > .title {
  display: none;
}

@media (max-width: 767px) {
  header .background {
    padding-top: 0 !important;
  }
}

@media (max-width: 575px) {
  header .background .container > .row > div.image > .wrapper > .inner {
    padding-top: 100% !important;
  }

  header .background .container > .row > div.text > .wrapper > .title {
    padding: var(--px15) var(--px5);
    text-align: center;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
  }
}