.home {overflow: hidden;}

.home .cl{fill:#fff;}

/* HOME */
.home header {
  background-color: rgba(0,0,0,0);
  position: absolute; z-index: 5;}

.slider h1 {
  line-height: 1;
}

.slider h1 > span:first-of-type {
  display: block;
}

.wrapper > div:last-of-type h2 {
  color: var(--c-1);
}

.slider h2,
.slider h3 {
    font-family: 'DomNarrow', Georgia, serif;
    font-weight: 400;
    line-height: 1;
    margin: 0 auto;
}

.slider h2 {
    font-size: 64px;
    padding:30px 0 8px;
    line-height: .9;
    margin-bottom: 15px;
    color: #fff;

}

.slider h1,
.slider p {
  margin: 0 auto;
  padding: 0;
  font-weight: 300;
  line-height: 1.4;
  font-size: 16px;
  max-width: 90%
}

.slider  a {
  font-family: 'Sacramento', sans-serif;
  font-size: 24px;
  font-size: clamp(24px, 8vw, 32px);
  color: #fff;
  display: block;
  line-height: 18px;
margin-top: 30px;
}

.slider a:hover {
  color:var(--c-1)
}
@media only screen and (max-width: 799px) {

.slider a {
    font-family: 'Sacramento', sans-serif;
    line-height: 1.2;
    color: #fff;
    width: fit-content;
    height: auto;
    display: block;
    margin: min(5vw, 30px) auto 3vw;
    padding: 8px 3vw;
    border-radius: 5px;
  }

}


@media only screen and (min-width: 800px) {
  .slider  h2 {
    text-align: left;
    margin: 0;
  }

  .slider h1,
  .slider p {
      max-width: 70%;
      margin: 0;
  }

  .h1 {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
    gap:15px;
    max-width: 600px
  }

  .slider h1 {
    padding-bottom: 5px
  }

  .h1 h2 {
    font-size: 120px;
    margin: 0;
    padding: 0;
  }

}