#navigation-burger {
  position: absolute;
  right: 19px;
  top: 20px;
  border-bottom-left-radius: 100px;
  background-color: white;
  height: 80px;
  width: 100px;
  z-index: 200;
  cursor: pointer;
}

#navigation-burger-closed {
  position: fixed;
  right:0px;
  top: 0px;
  border-bottom-left-radius: 100px;
  background-color: white;
  height: 80px;
  width: 100px;
  z-index: 200;
}

.navigation-burger-open {
  right: 40px;

}

.navigation-burger-wrapper {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.navigation-burger-wrapper span {
  display: block;
  background-color: black;
  width: 50px;
  height: 5px;
}

.navigation-burger-wrapper span:nth-child(1) {
  margin-bottom: 10px;
  transition: all 0.2s;
}

.navigation-burger-wrapper span:nth-child(2) {
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.2s;
}

.navigation-burger-wrapper span:nth-child(3) {
  margin-top: 10px;
  transition: all 0.2s;
}

.navigation-burger-open .navigation-burger-wrapper span:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 15px;
  margin-bottom: 0px;
  transition: all 0.2s;
}

.navigation-burger-open .navigation-burger-wrapper span:nth-child(2) {
  display: none;
  background-color: white;
  transition: all 0s;
}

.navigation-burger-open .navigation-burger-wrapper span:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -5px;
  transition: all 0.2s;
}

.video-navigation-alt{
    display: flex;
    text-align: center;
    justify-content: center;
    padding-top: calc(100vh);
    z-index: 10;
    transition: all 0.8s;
    transition-timing-function: ease-out;
}