/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 2em;
		color: #000;
		margin:0;
	}
	.intro p{
		color: #fff;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	/*solves problem with overflowing video in Mac with Chrome */
	#section0{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
  		background-position: center top;
   		object-fit: cover; /*cover video background */
		padding: 0;
	}

	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section0 .layer{
        position: absolute;
		z-index: 4;
		width: 100%;
        height: 100%;
        top: 0;
		left: 0;
		text-align: center;
	}



	#section1{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-02.jpg);
   		background-size:cover;
		padding: 0;
	}

	#section1 .layer{
        position: absolute;
		z-index: 4;
		width: 100%;
        height: 100%;
        top: 0;
		left: 0;
		text-align: center;
	}


	#section2{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-03.jpg);
   		background-size:cover;
		padding: 0;
	}

	#section2 .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
        height: 100%;
        top: 0;
		left: 0;
		text-align: center;
	}


    #section3{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-04.jpg);
   		background-size:cover;
		padding: 0;
    }

    #section3 .layer{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }


    #section4{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-05.jpg);
   		background-size:cover;
		padding: 0;
    }

    #section4 .layer{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }


	#section5{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-06.jpg);
   		background-size:cover;
		padding: 0;
	}

    #section5 .layer{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }


	#section6{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-07.jpg);
   		background-size:cover;
		padding: 0;
	}

    #section6 .layer{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }


	#section7{
 		background-color: #FFF; /* in case the video doesn't fit the whole page*/
        background-image: url(../img/1920-08.jpg);
   		background-size:cover;
		padding: 0;
	}

    #section7 .layer{
        position: absolute;
        z-index: 4;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}


@media (max-width:1280px){
	#section1{
        background-image: url(../img/1200-02.jpg);
	}
	#section2{
        background-image: url(../img/1200-03.jpg);
	}
	#section3{
        background-image: url(../img/1200-04.jpg);
	}
	#section4{
        background-image: url(../img/1200-05.jpg);
	}
	#section5{
        background-image: url(../img/1200-06.jpg);
	}
	#section6{
        background-image: url(../img/1200-07.jpg);
	}
	#section7{
        background-image: url(../img/1200-08.jpg);
	}
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
	#section1{
        background-image: url(../img/1920-02.jpg);
	}
	#section2{
        background-image: url(../img/1920-03.jpg);
	}
	#section3{
        background-image: url(../img/1920-04.jpg);
	}
	#section4{
        background-image: url(../img/1920-05.jpg);
	}
	#section5{
        background-image: url(../img/1920-06.jpg);
	}
	#section6{
        background-image: url(../img/1920-07.jpg);
	}
	#section7{
        background-image: url(../img/1920-08.jpg);
	}
}

@media (max-width:1024px){
	#section1{
        background-image: url(../img/1024-02.jpg);
	}
	#section2{
        background-image: url(../img/1024-03.jpg);
	}
	#section3{
        background-image: url(../img/1024-04.jpg);
	}
	#section4{
        background-image: url(../img/1024-05.jpg);
	}
	#section5{
        background-image: url(../img/1024-06.jpg);
	}
	#section6{
        background-image: url(../img/1024-07.jpg);
	}
	#section7{
        background-image: url(../img/1024-08.jpg);
	}
}

@media (max-width:800px){
	#section1{
        background-image: url(../img/800-02.jpg);
	}
	#section2{
        background-image: url(../img/800-03.jpg);
	}
	#section3{
        background-image: url(../img/800-04.jpg);
	}
	#section4{
        background-image: url(../img/800-05.jpg);
	}
	#section5{
        background-image: url(../img/800-06.jpg);
	}
	#section6{
        background-image: url(../img/800-07.jpg);
	}
	#section7{
		background-image: none;
	}
}



@media (max-width:740px){
	
	.fp-enabled {
        width: 100% !important;
		overflow: hidden;
	}
	.fp-responsive {
        width: 100% !important;
		overflow: hidden;
	}
	#section0{
		height: 420px !important;
	}
	#section0 .fp-tableCell {
		height: 420px !important;
	}
	#section1{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section1 .fp-tableCell {
		height: 1000px !important;
	}
	#section2{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section2 .fp-tableCell {
		height: 1000px !important;
	}
	#section3{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section3 .fp-tableCell {
		height: 1000px !important;
	}
	#section4{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section4 .fp-tableCell {
		height: 1000px !important;
	}
	#section5{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section5 .fp-tableCell {
		height: 1000px !important;
	}
	#section6{
		height: 1000px !important;
  		background-position: center top;
   		object-fit: none;
	}
	#section6 .fp-tableCell {
		height: 1000px !important;
	}
	#section7{
		height: auto !important;
	}
	#section7 .fp-tableCell {
		height: auto !important;
	}
}

@media (max-width:420px){
	
	.fp-enabled {
        width: 100% !important;
		overflow: hidden;
	}
	.fp-responsive {
        width: 100% !important;
		overflow: hidden;
	}
	#section0{
		height: 740px !important;
	}
	#section0 .fp-tableCell {
		height: 740px !important;
	}
	#section1{
		height: 450px !important;
        background-image: url(../img/420-02.jpg);
  		background-position: center top;
	}
	#section1 .fp-tableCell {
		height: 450px !important;
	}
	#section2{
		height: 450px !important;
        background-image: url(../img/420-03.jpg);
  		background-position: center top;
	}
	#section2 .fp-tableCell {
		height: 450px !important;
	}
	#section3{
		height: 450px !important;
        background-image: url(../img/420-04.jpg);
  		background-position: center top;
	}
	#section3 .fp-tableCell {
		height: 450px !important;
	}
	#section4{
		height: 450px !important;
        background-image: url(../img/420-05.jpg);
  		background-position: center top;
	}
	#section4 .fp-tableCell {
		height: 450px !important;
	}
	#section5{
		height: 450px !important;
        background-image: url(../img/420-06.jpg);
  		background-position: center top;
	}
	#section5 .fp-tableCell {
		height: 450px !important;
	}
	#section6{
		height: 450px !important;
        background-image: url(../img/420-07.jpg);
  		background-position: center top;
	}
	#section6 .fp-tableCell {
		height: 450px !important;
	}
}