/*
 Theme Name:   Faste Gutenberg Child
 Theme URI:    http://www.faste.ca
 Description:  Faste Gutenberg Child Theme
 Author:       Guillaume Proulx
 Author URI:   http://www.faste.ca
 Template:     faste_gutenberg
 Text Domain:  faste-child
 Version:      1.0.42
*/


	
	section.intro{
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		    height: 100vh;
	}
	
	section .colonne{
		position: relative;
	}	
	
	body{
		margin: 0;
	}
	
	
	section .colonne-01{
		
		width: 50%;
	}	
	section .colonne-02{
		
		width: 50%;
	}
	
	.logo{
		    position: absolute;
			left: 50%;
			transform: translate(-50%,-50%);
			top: 50vh;
			width: 15vw; 
		z-index: 1;
	}



section .colonne-01 video{
		transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	filter: grayscale(1);
	height: 100%
}
	 
	 

section .colonne-01 img{
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	filter: grayscale(1);
}	 
section .colonne-02 video{
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	filter: grayscale(1);
	height: 100%
}	 



section .colonne-02 img{
	transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	filter: brightness(0.5);
}


section .colonne-02.actif video,
section .colonne-02.actif img{
	filter: grayscale(0);
}
section .colonne-01.actif video,
section .colonne-01.actif img{
	filter: grayscale(0) brightness(1); 
	 
}
	 

@media screen and (max-width:1024px){
	.logo {

    width: 27vw;
    
	}
}

@media screen and (max-width:500px){
	.logo {

      top: 25vh;
    
	}
	

	
	section .colonne-01 ,
	section .colonne-02 {
    	width: 100%;
    	height: 50vh;
	}
}