body {
  margin: 0;
}

section {
  background: transparent;
}

.background  {
  //position: absolute;
  //top:0;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  height: 100%;
  width:100%;
  object-fit: cover;
  /*height:100vh;
  transform-style: preserve-3d;*/
  //z-index: -1;
}


/*.background,
.foreground {
  height: 100%;
  width: 100%;
  object-fit: cover;
}*/

.title {
  background-color: transparent;
  font-size: 7rem;
  color: white;
  text-shadow: 0 0 5px black;
  margin:0;
  text-align: center;
  text-wrap: pretty;
}

.content {
  
  
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: justify;
  padding: 3rem 4rem;
  /*background-color: #333;
  color: white;*/
  background-color: white;
  color: black;
    
}

/*.parallax {
  overflow: hidden;
  display: grid;
  align-items: center;
  justify-content: center;
  height : 40vh;
}*/

/*section  .background{
  visibility:hidden;
}
section:hover  .background{
  visibility: visible;
}*/
.hero {
  min-height: 400px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.hero > h1 {
  position: absolute; 

}
.parallax-window {
  
  width: 100%;  
  margin:auto;
	min-height: 400px;
	background: transparent;
  display:flex;
  align-items: center;
  justify-content: center;
}
.parallax-slider {
  display:flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.fixed {
  position: absolute;
  top:400px;
  //left: 400px;
}

@media screen and (min-width: 1200px)
{
  .content {
    padding: 3rem 30rem;
  }
  .parallax-window {
    width:60%;
    margin: auto;
  }
  
}