/*
 * Section head - eyebrow + titel met accent + intro tekst
 * Hergebruikt in services, info, reviews, about
 */

.sec-head {
  margin-bottom: 48px;
  max-width:     720px;
}

.sec-head--center {
  margin-left:  auto;
  margin-right: auto;
  text-align:   center;
}

.sec-head--info {
  margin-bottom: 40px;
}

.sec-head__eyebrow {
  display:         inline-block;
  color:           var(--color-accent);
  font-size:       12px;
  font-weight:     var(--font-bold);
  letter-spacing:  2px;
  text-transform:  uppercase;
  margin-bottom:   14px;
}

.sec-head__title {
  font-family:     var(--font-heading);
  font-size:       44px;
  font-weight:     var(--font-extrabold);
  margin:          0 0 16px;
  color:           var(--color-text-heading);
  letter-spacing:  -1.2px;
  line-height:     1.08;
}

.sec-head__title-accent {
  color: var(--color-accent);
}

.sec-head__text {
  font-size:   17px;
  color:       var(--color-text-meta);
  line-height: 1.6;
  margin:      0;
  max-width:   600px;
}

.sec-head--center .sec-head__text {
  margin-left:  auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .sec-head__title {
    font-size:      32px;
    letter-spacing: -0.6px;
  }
  .sec-head {
    margin-bottom: 32px;
  }
}