.texty {
  margin-bottom: 60px;
}

.texty--quote {
  padding: 70px 0 10px 0;
  border-top: 3px solid var(--secondary);
  border-bottom: 3px solid var(--secondary);
}

.texty--quote .texty__text {
  font-size: 28px;
  line-height: 1.57;
  color: var(--primary);
  max-width: 85%;
  position: relative;
}

.texty--quote .texty__text::before {
  content: '“';
  display: block;
  font-size: 96px;
  font-style: italic;
  line-height: .4;
  color: var(--tertiary);
  position: absolute;
  left: 0;
  top: -40px;
}

.texty__headline {
  color: var(--primary);
}

@media (min-width: 680px) {
  .texty {
    margin-left: 60px;
    margin-right: 60px;
  }
}

@media (max-width: 599px) {
  .texty__headline {
    font-size: 26px;
    line-height: 1.53;
  }

  .texty__text {
    font-size: 16px;
    line-height: 1.75;
  }

  .texty--quote .texty__text {
    font: var(--short);
  }
}