/*https://www.youtube.com/watch?v=FWQir0ZfAJI*/
*{

margin:0px;
padding:0px;
box-sizing:border-box;
}

.slideshow{
position: relative;
width:100%;
height:90vh;

/*overflow: hidden;*/


}

.Slideshow-bilde{
  width:inherit;
  height:inherit;
position: absolute;
  opacity: 0;
  animation: cycleImages 91s infinite;
}

.Slideshow-bilde img{
  width: 100%;
  height: 100%;
  object-fit:cover;
  animation: zoom 91s infinite;
}
.Slideshow-bilde:nth-child(1),
.Slideshow-bilde:nth-child(1) img{
  animation-delay: 0s;
}
.Slideshow-bilde:nth-child(2),
.Slideshow-bilde:nth-child(2) img{
  animation-delay: 10s;
}
.Slideshow-bilde:nth-child(3),
.Slideshow-bilde:nth-child(3) img{
  animation-delay: 20s;
}
.Slideshow-bilde:nth-child(4),
.Slideshow-bilde:nth-child(4) img{
  animation-delay: 30s;
}
.Slideshow-bilde:nth-child(5),
.Slideshow-bilde:nth-child(5) img{
  animation-delay: 40s;
}
.Slideshow-bilde:nth-child(6),
.Slideshow-bilde:nth-child(6) img{
  animation-delay: 50s;
}
.Slideshow-bilde:nth-child(7),
.Slideshow-bilde:nth-child(7) img{
  animation-delay: 60s;
}
.Slideshow-bilde:nth-child(8),
.Slideshow-bilde:nth-child(8) img{
  animation-delay: 70s;
}
.Slideshow-bilde:nth-child(8),
.Slideshow-bilde:nth-child(8) img{
  animation-delay: 80s;
}
.Slideshow-bilde:nth-child(9),
.Slideshow-bilde:nth-child(9) img{
  animation-delay: 90s;
}
.Slideshow-texts{
  max-width: 70%;
  max-height: 50%;
  Position: absolute;
  Top:50%;
  Left:0;
  transform: translateY(-50%);

  background-color: rgba(0,0,0,0.5);
  color: white;
  padding: 20rem 0rem 20rem 0rem;


}
.Slideshow-texts h6{
  font-size: 2.5rem;
  font-family: "Raleway",sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 2.5rem;

}
.Slideshow-texts p{
  font-size: 1.2em;
  font-family: "Sophia",sans-serif;
  letter-spacing: 1px;
  margin-bottom: 2.5rem;

}

@keyframes cycleImages {
  5%{
    opacity:1;
  }
  90%{
    opacity:0.8;
  }
  100%{
    opacity:0.1;
  }
}
@keyframe zoom {
  100%{
    transform:scale(1.2);
  }
}
@media screen and (max-width:1000px){

  .Slideshow-texts{
    max-width: 90%;
    padding: 4rem 1rem;
  }
    .Slideshow-texts h6{
      font-size: 1.5rem;
    }
}
@media screen and (max-width:600px){
.Slideshow{
  max-width: 100%;
  max-height: 100%;
}
  .Slideshow-texts {
    max-width: 100%;
    padding: 2rem;
    top: initial;
    bottom:0;
    transform: initial;
  }
    .Slideshow-texts h6{
      font-size: 3rem;
    }
    .Slideshow-texts p{
      font-size: 1,4rem;
    }
}