/* FULLPAGE */
	/* POSTER SECTION 0 -- VIDEO AND TYPOGRAPHY */
		/* FULLPAGE */
	/* POSTER SECTION 0 -- VIDEO AND TYPOGRAPHY */
	#section0{
		background-color: white;
		}
		
	#section0.project01{
		background-color: white; /* in case the video doesn't fit the whole page*/
  		background-image:url('../images/Anouche627.jpg');
  		background-position: center center;
  		background-size: cover;
		}
		
	#section0.project02 {
		background-color: white;
  		background-image:url('../images/birds/2048/B-IMG_6523-1.jpg');
  		background-position: center center;
  		background-size: cover;
		}
		
	#sectionBLZ1 {
		background-color: white;
		}
		
	#section1 #slide1{
  		background-image:url('../images/2048/A627_Installation_A.jpg');
		background-color: white; /* in case the video doesn't fit the whole page*/
  		background-position: center center;
  		background-size: cover;
		}
	
	#section1 #slide2, #section1 #slide3, #section1 #slide4,
	#section1 #slide5, #section1 #slide6, #section1 #slide7 {
		background-color: white; /* in case the video doesn't fit the whole page*/
  		background-position: center center;
  		background-size: cover;
		}
		
	/* OVERLAY POSTER */
	video {
		position: absolute; /* FIXED MAKES IT PARALLAX */ 
    	top: 50%;
    	left: 50%;
    	width: 100%;
    	height: 100%;
    	z-index: 1;
    	-webkit-transform: translateX(-50%) translateY(-50%);
        	transform: translateX(-50%) translateY(-50%);
    	-webkit-transition: 1s opacity;
  			transition: 1s opacity;
  		background-image: url('../images/Anouche627.jpg');
  			background-color: #FFF;
  			background-position: top;
  			background-size: cover;
   			object-fit: cover; /*cover video background */
		}
		
	/* OVERVIEW SECTION 1 -- BACKGROUND ART, SLIDES NAVIGATION AND TYPOGRAPHY */	
	/* OVERVIEW SECTION 1 -- SLIDES NAVIGATION AND TYPOGRAPHY */
	#section1 #slide1{
  		background-image:url('../images/2048/A627_Installation_A.jpg');
		}
		
	#section1 #slide2{
  		background-image:url('../images/2048/A627-videoinstallation.jpg');
		}
	#section1 #slide3{
  		background-image:url('../images/2048/Anouche6to7at10.jpg');
		}	
		
	#section1 #slide4{
  		background-image:url('../images/2048/A627_Installation_C.jpg');
		}
		
	#section1 #slide5{
  		background-image:url('../images/2048/A627_performanceC.jpg');
		}
	#section1 #slide6{
  		background-image:url('../images/2048/LWP_02_A.jpg');
		}	
	#section1 #slide7{
  		background-image:url('../images/2048/LWP_06_A.jpg');
		}	
	#section1 #slide8{
  		background-image:url('../images/2048/book_A.jpg');
		}		

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (display-mode: standalone){
	
	#section1 #slide1{
  		background-image:url('../images/1024/A627_Installation_A.jpg');
		}
	#section1 #slide2{
  		background-image:url('../images/1024/A627-videoinstallation.jpg');
		}
	#section1 #slide3{
  		background-image:url('../images/1024/Anouche6to7at10.jpg');
		}
	#section1 #slide4{
  		background-image:url('../images/1024/A627_Installation_C.jpg');
		}	
	#section1 #slide5{
  		background-image:url('../images/1024/A627_performanceC.jpg');
		}
	#section1 #slide6{
  		background-image:url('../images/1024/LWP_02_A.jpg');
		}	
	#section1 #slide7{
  		background-image:url('../images/1024/LWP_06_A.jpg');
		}
	#section1 #slide8{
  		background-image:url('../images/1024/book_A.jpg');
		}	
}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 350px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

	#section0 .layer, #sectionBL0 .layer {
		}
	
	.intro {
  		margin-left: 20%;
  		top: 37%;
  		width:70%;
  		}
	}

/* Landscape */
@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    
	#section0 .layer, #sectionBLZ0 .layer {
		}
	
	.intro {
  		margin-left: 30%;
  		top: 29%;
  		width:70%;
  		}		
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    
  	#section0 .layer, #sectionBLZ0 .layer {
		}

	.intro {
  		margin-left: 25%;
  		top: 39.5%;
  		}
	}

/* Landscape */
@media only screen 
  and (min-device-width: 660px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    
  	#section0 .layer, #sectionBLZ0 .layer {
	}
	
	.intro {
  		margin-left: 30%;
  		top: 30%;
  		width:70%;
  		}

	}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  
	div.fp-tooltip {display:none;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}





/* ----------- All iPads ----------- */
/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 

	#section1 #slide1{
  		background-image:url('../images/1024/A627_Installation_A.jpg');
		}
	#section1 #slide2{
  		background-image:url('../images/1024/A627-videoinstallation.jpg');
		}
	#section1 #slide3{
  		background-image:url('../images/1024/Anouche6to7at10.jpg');
		}
	#section1 #slide4{
  		background-image:url('../images/1024/A627_Installation_C.jpg');
		}	
	#section1 #slide5{
  		background-image:url('../images/1024/A627_performanceC.jpg');
		}
	#section1 #slide6{
  		background-image:url('../images/1024/LWP_02_A.jpg');
		}	
	#section1 #slide7{
  		background-image:url('../images/1024/LWP_06_A.jpg');
		}
	#section1 #slide8{
  		background-image:url('../images/1024/book_A.jpg');
		}	
}

/* Retina iPad PRO in portrait & landscape */
/* Landscape*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  
and (orientation: landscape) { 
	
	#section1 #slide1{
  		background-image:url('../images/2048/A627_Installation_A.jpg');
		}
		
	#section1 #slide2{
  		background-image:url('../images/2048/A627-videoinstallation.jpg');
		}
	#section1 #slide3{
  		background-image:url('../images/2048/Anouche6to7at10.jpg');
		}	
		
	#section1 #slide4{
  		background-image:url('../images/2048/A627_Installation_C.jpg');
		}
		
	#section1 #slide5{
  		background-image:url('../images/2048/A627_performanceC.jpg');
		}
	#section1 #slide6{
  		background-image:url('../images/2048/LWP_02_A.jpg');
		}	
	#section1 #slide7{
  		background-image:url('../images/2048/LWP_06_A.jpg');
		}	
	#section1 #slide8{
  		background-image:url('../images/2048/book_A.jpg');
		}
}

/* Portrait*/
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2)  
and (orientation: portrait)  { 

	#section1 #slide1{
  		background-image:url('../images/2048/A627_Installation_A.jpg');
		}
		
	#section1 #slide2{
  		background-image:url('../images/2048/A627-videoinstallation.jpg');
		}
	#section1 #slide3{
  		background-image:url('../images/2048/Anouche6to7at10.jpg');
		}	
		
	#section1 #slide4{
  		background-image:url('../images/2048/A627_Installation_C.jpg');
		}
		
	#section1 #slide5{
  		background-image:url('../images/2048/A627_performanceC.jpg');
		}
	#section1 #slide6{
  		background-image:url('../images/2048/LWP_02_A.jpg');
		}	
	#section1 #slide7{
  		background-image:url('../images/2048/LWP_06_A.jpg');
		}	
	#section1 #slide8{
  		background-image:url('../images/2048/book_A.jpg');
		}
}