header .background .container > .row > div.text > .wrapper > .title {
  white-space: pre-line;
  text-align: center;
  font-size: var(--px17);
  background: rgba(255, 255, 255, 0.05);
  width: var(--px350);
  padding: var(--px15);
}

header .background .container > .row > div.image {
  background-image: radial-gradient(circle, #3768ea 0%, #3362e0 7%, #2d55cd 14%, #1e389d 35%, #1a318b 50%, #132786 65%, #112482 75%, #112482 100%);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}

header .background .container > .row > div.image > .wrapper > .inner {
  padding-top: 90% !important;
}

main .count-down > .wrapper {
  background: linear-gradient(to right, #1a318b, #1e379a) !important
}

@media (min-width: 768px) {
  header .background .container > .row > div.text > .wrapper {
    width: var(--px350) !important;
    max-width: var(--px350) !important;
  }
}

@media (max-width: 767px) {
  header .background .container > .row > div.text {
    padding-left: var(--px30);
    padding-right: 0;
  }

  header .background .container > .row > div.text > .wrapper > .title {
    width: 100%;
  }
}

@media (max-width: 575px) {
  header .background {
    padding-top: var(--px74);
  }

  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);
  }
}