/* ---------- Sectie intro ----------  */
.section.intro{
  height: 160vh;
  position: relative;
}

.section.intro .sticky{
  position: sticky;
  top: 0px;
}

.section.intro video{
  display: block;
    aspect-ratio: 16/9;
    margin: 0 auto;
    object-fit: cover;

    
}

.header-title{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  padding-bottom: 150px;
}

.section.intro h1{
  color: var(--satin);
  text-align: center;
  max-width: 80%;
}

.section.intro .icon{
  margin-bottom: 50px;
  width: 150px;
}

.section.intro .header-scroll{
    position: absolute;
    bottom: 30px;
    padding-top: 30px;
    border: none;
    border-top: 1px solid var(--satin);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: unset;

    color: var(--satin);
}

.section.intro .header-scroll p{
    color: var(--satin);
    font-size: 1.2em;
    font-weight: 300;
}


@media screen and (max-width: 1023px) {
.section.intro{
  height: 140vh;
  position: relative;
}

}

/* Mobile */
@media screen and (max-width: 767px) {
.section.intro{
  height: 130vh;
  position: relative;
}
}