.parallax
{


  height: 100vh;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 0;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;	
  background-position: center;

}



.section-header {
  position: relative;
    margin-top: -100vh;
  width:100%;
  height:100vh;
  z-index: 2;



  
}

.header-text {
	margin: 0;
	overflow:hidden;
	z-index:2;
	width:100%;
	  height:100vh;
  	  	display: flex;
	flex-direction: column;
	justify-content: center;
		align-items: center;
		text-align:center; 
}




.header-text h2 {
	
		font-size: 3.5vw;
	line-height:1.7;
	font-weight: bold;
	font-stretch: ultra-expanded:
	background:#eee;
	color: #fff;
	  background: rgba(16, 32, 48, 0.5)
	-webkit-text-stroke:  0.06vw black;
	text-shadow: 10px 10px 20px black;
	text-align:center; 
}


@media only screen
  and (orientation: portrait) {
	.parallax {height:50vh;}
	  .section-header {     margin-top: -50vh;    height:50vh;}
	  .header-text {  	  height:50vh;  }
	  .header-text h2 {		font-size: 7vw;	line-height:1.3; background: rgba(100, 100, 100, 0.5) }
  }





.trenner {
  position: relative;
  background-color: #fff;
  width: 100%;
  min-height: 10px;

  z-index: 1;
  overflow:hidden;
}