	<style>

	/* Style for our header texts
	* --------------------------------------- */
	

        .fp-slides {
}

	/* Centered texts in each section
	* --------------------------------------- */
a.fill-div {
    height: 100%;
    z-index: 9100;
    width: 100%;
    font-size: 22pt;
letter-spacing:-0.2pt; 
     margin: 0 auto;
  display: block;
  display: -webkit-block;
  display: -moz-block;

}
.section{
		text-align:center;
		overflow: hidden;
           		z-index:5;

	}	

 .column {
  float: left;
  width: 47%;
  color:orangered;
    padding-left: 15px;
     padding-right: 15px;
    vertical-align: top;
         margin-top:100px;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column_breit {
    width: 80%;
    color:orangered;
    border: 0px green solid;
    margin-top:100px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.container {
    margin:auto;
    text-align: left;
    top:0px;
    margin-top:0px;
}
.container_content {
    margin:auto;
    text-align: left;
    top:100px;
    margin-top:100px;
}


#moveDown{
  top: 20px;
  left: 20px;
  position:fixed;
  z-index:999;
  font-size: 3em;
}

#infos { opacity: 0;
z-index:1000;
position: fixed;
margin:auto;
 height: 70%;
width: 80%;
top:0;
bottom:0;
left:8000px;
right:0;
    padding:20px;
  display: inline;
}


.close {
  position: absolute;
  right: 25px;
    top:4%;
}

#infos:target {opacity: 1; left: 0px;}
#infos-close:target {opacity: 0; left: 8000px;
}

    .demo{
  width: 100%;
  height:100%;
  position: absolute;
  left: 0px;
  top: 0px;
   		z-index:0;

        }
    .whiteback{
  width: 100%;
  height:100%;
  position: absolute;
  left: 0px;
  top: 0px;
        background-color: white;
   		z-index:5;

        }

	#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */

        }




	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section0 .layer{
		position: absolute;
		width: 100%;
       height: 100%;
	left: 0;
		top: 0%;
		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
          	}
     
        #section0 	h1{
          color:red;
			opacity: 1;
	}
 
        
        #section0 	h2{
	  font-family: "Hans", Helvetica;
  font-size: 20pt;
  text-align: center;
    letter-spacing: -0.03em;
      font-weight: 100;
    z-index:100;
          color:red;
                color:red;
	
     
      

	}
        @-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
        
	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section1 .layer{
		position: absolute;
		z-index: 10;
		width: 100%;
		left: 0;
		top: 40%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
          
        #section1 	h1{
          color:orangered;
			opacity: 0;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;		}
 
        
        #section1 	h2{
	  font-family: "Hans", Helvetica;
  font-size: 20pt;
  text-align: center;
    letter-spacing: -0.03em;
      font-weight: 100;
    z-index:100;
          color:orangered;
			opacity: 0;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;      
      

	}
        @-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}
	/*solves problem with overflowing video in Mac with Chrome */
	#section1{
		overflow: hidden;
	}	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section2 .layer{
		position: absolute;
		z-index: 10;
		width: 100%;
		left: 0;
		top: 40%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#section2{
		overflow: hidden;
	}
	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section3 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 40%;
		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);

	}

       
	/*solves problem with overflowing video in Mac with Chrome */
	#section3{
		overflow: hidden;
	}	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section4 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 40%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#section5{
		overflow: hidden;
	}	
        #section5 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 40%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#section5{
		overflow: hidden;
	}
      
        #section6 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 43%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#section6{
		overflow: hidden;
	}
          #section7 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		left: 0;
		top: 40%;

		/*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#section7{
		overflow: hidden;
	}



	/* Hiding video controls
	* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
	* --------------------------------------- */
	video::-webkit-media-controls {
	  display:none !important;
	}


 /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
 /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
 /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
 /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */
 /* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */

@media screen and (max-width: 800px) {
.column {
  float: left;
  width: 85%;
  color:orangered;
padding-right: 20px;
vertical-align: top;
 margin-left: 0px;

}
        html {
  overflow-x: hidden;
}
   

	}







	</style>