/* /splatky-s-0-procentnim-navysenim */
.splatkys0 {
  margin: var(--aRem-50) 0;
}

@media (max-width: 1100px) {
  .splatkys0 {
    margin: var(--aRem-50) 0 var(--aRem-80) 0;
  }
}

.splatkys0 .splatky--header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--aRem-90);
}

@media (max-width: 1100px) {
  .splatkys0 .splatky--header {
    flex-wrap: wrap;
    font-size: 65px;
    gap: var(--aRem-50);
  }
}

.splatkys0 svg {
  width: var(--aRem-300);
  fill: #e11a32;
}

@media (max-width: 1100px) {
  .splatkys0 .slogan {
    width: 100%;
  }
}

.splatkys0 .headline {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 80px;
  color: #e11a32;
}

@media (min-width: 851px) and (max-width: 1440px) {
  .splatkys0 .headline {
    font-size: calc(50px + (80 - 50) * (100vw - 850px) / (1440 - 850));
  }
}

@media (max-width: 1100px) {
  .splatkys0 .headline {
    text-align: center;
    width: 100%;
    margin-bottom: var(--aRem-30);
  }
}

@media (max-width: 850px) {
  .splatkys0 .headline {
    line-height: 60px;
    font-size: 60px;
  }
}

.splatkys0 .subtitle {
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -2px;
}

@media (min-width: 851px) and (max-width: 1440px) {
  .splatkys0 .subtitle {
    font-size: calc(30px + (40 - 30) * (100vw - 850px) / (1440 - 850));
  }
}

@media (max-width: 1100px) {
  .splatkys0 .subtitle {
    text-align: center;
  }
}

@media (max-width: 850px) {
  .splatkys0 .subtitle {
    font-size: 40px;
  }
}