@media only screen and (min-width: 1921px){
	#effet-1.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateY(-1610px);
		-ms-transform:translateY(-1610px);
		transform:translateY(-1610px)
	}

	#effet-2.triggered img{
		-webkit-transform:translateY(1610px);
		-ms-transform:translateY(1610px);
		transform:translateY(1610px)
	}

	#effet-3.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-1290px);
		-ms-transform:translateX(-1290px);
		transform:translateX(-1290px)
	}

	#effet-3.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(1290px);
		-ms-transform:translateX(1290px);
		transform:translateX(1290px)
	}

	#effet-4.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-2570px);
		-ms-transform:translateX(-2570px);
		transform:translateX(-2570px)
	}

	#effet-4.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateX(2570px);
		-ms-transform:translateX(2570px);
		transform:translateX(2570px)
	}

	#effet-5.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-1200px);
		-ms-transform:translateX(-1200px);
		transform:translateX(-1200px)
	}
	
	#effet-5.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateY(1610px);
		-ms-transform:translateY(1610px);
		transform:translateY(1610px)
	}

	#effet-7.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(1290px);
		-ms-transform:translateX(1290px);
		transform:translateX(1290px)
	}

	#effet-8.triggered img{
		-webkit-transform:translateY(1610px);
		-ms-transform:translateY(1610px);
		transform:translateY(1610px)
	}

	#effet-5.triggered .bg-slice:nth-child(3) .bg-image{
		-webkit-transform:translateX(1200px);
		-ms-transform:translateX(1200px);
		transform:translateX(1200px)
	}

	#effet-7.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-1290px);
		-ms-transform:translateX(-1290px);
		transform:translateX(-1290px);
	}

}

@media only screen and (min-width: 1600px){
	#effet-3.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-970px);
		-ms-transform:translateX(-970px);
		transform:translateX(-970px);
	}

	#effet-3.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(970px);
		-ms-transform:translateX(970px);
		transform:translateX(970px);
	}

	#effet-4.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-1930px);
		-ms-transform:translateX(-1930px);
		transform:translateX(-1930px);
	}

	#effet-4.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateX(1930px);
		-ms-transform:translateX(1930px);
		transform:translateX(1930px);
	}
	
	#effet-5.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-800px);
		-ms-transform:translateX(-800px);
		transform:translateX(-800px);
	}

	#effet-5.triggered .bg-slice:nth-child(3) .bg-image{
		-webkit-transform:translateX(800px);
		-ms-transform:translateX(800px);
		transform:translateX(800px);
	}

	#effet-7.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-970px);
		-ms-transform:translateX(-970px);
		transform:translateX(-970px);
	}

	#effet-7.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(970px);
		-ms-transform:translateX(970px);
		transform:translateX(970px);
	}

}

@media only screen and (max-width: 1023px){

	.menu #logoIconHide, .menu .picto-fr, .menu .picto-en, .menu .facebook, .menu .linkedin{
		opacity:0;
		pointer-events:none;
	}
	
	#menu li div .menuBig {
		display:none;
	}
	
	#menu li div .menuSmall {
		display:block;
	}
	
	#menu li div .menuSmall span{
		font-family:"eras medium","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size:18px;
	}
	
	#menu li div .menuSmall h4 {
		padding-top:0;
	}

	#hamburger{
		bottom:10px;
		height:37px;
		margin-left:-21px;
	}
	
	#hamburger p{
		font-size:1.5rem;
		bottom:-5px;
		margin-bottom:-3px;
	}
	
	#hamburger svg{
		height:30px;
		width:40px;
	}

	.menu #hamburger{
		opacity:1;
		pointer-events:all;
	}

	#menu{
		height:100%;
		pointer-events:none;
	}

	#menu *{
		pointer-events:all;
	}

	#menu ul{
		height:100%;
		padding:0 0 5rem;
		-webkit-transform:translate3d(0, 100%, 0);
		-ms-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}

	#menu li{
		width:100%;
		height:14.285714285%;
		padding:0;
		-webkit-transition:all 0.5s linear;
		transition:all 0.5s linear;
	}

	#menu li div{
		height:100%;
	}
	
	#menu li div.current+.overlay-link{
		background:none;
	}
	
	#menu li .overlay-link{
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		height:auto;
		background:rgba(0,0,0,0.1);
	}
	
	#prestations-liste{
		width:300px;
	}
	
	#prestations-liste li{
		margin-bottom:10px;
		font-size:2.5rem;
	}
	
	.prestations-visible section .btn{
		margin-bottom:50px;
		padding:5px 10px;
		font-size:2.2rem;
		width:250px !important;
	}
	
	#equipe-liste li{
		width:50%;
	}
	


	.btn i{
		line-height:2.5rem;
	}
	
	.tile{
		width:50%;
	}

}

@media only screen and (min-height: 810px){
	#effet-2.triggered img{
		-webkit-transform:translateY(1110px);
		-ms-transform:translateY(1110px);
		transform:translateY(1110px)
	}

	#effet-5.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateY(1110px);
		-ms-transform:translateY(1110px);
		transform:translateY(1110px)
	}

	#effet-8.triggered img{
		-webkit-transform:translateY(1110px);
		-ms-transform:translateY(1110px);
		transform:translateY(1110px)
	}
	
	li.tile header .alexis{
		line-height:1 !important;
		font-size:3rem;
		padding:40px 20px 0px;
	}

}

@media only screen and (max-width: 600px){
	#effet-1.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateY(-650px);
		-ms-transform:translateY(-650px);
		transform:translateY(-650px)
	}
	
	#effet-2.triggered img{
		-webkit-transform:translateY(650px);
		-ms-transform:translateY(650px);
		transform:translateY(650px)
	}
	
	#effet-3.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-310px);
		-ms-transform:translateX(-310px);
		transform:translateX(-310px)
	}
	
	#effet-3.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(310px);
		-ms-transform:translateX(310px);
		transform:translateX(310px)
	}
	
	#effet-4.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-610px);
		-ms-transform:translateX(-610px);
		transform:translateX(-610px)
	}
	
	#effet-4.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateX(610px);
		-ms-transform:translateX(610px);
		transform:translateX(610px)
	}
	
	#effet-5.triggered .bg-slice:nth-child(1) .bg-image{
		-webkit-transform:translateX(-310px);
		-ms-transform:translateX(-310px);
		transform:translateX(-310px)
	}
	
	#effet-5.triggered .bg-slice:nth-child(2) .bg-image{
		-webkit-transform:translateY(700px);
		-ms-transform:translateY(700px);
		transform:translateY(700px)
	}
	
	#effet-5.triggered .bg-slice:nth-child(3) .bg-image{
		-webkit-transform:translateX(310px);
		-ms-transform:translateX(310px);
		transform:translateX(310px)
	}
	
	#effet-7.triggered .bg-slice:nth-child(odd) .bg-image{
		-webkit-transform:translateX(-310px);
		-ms-transform:translateX(-310px);
		transform:translateX(-310px)
	}
	
	#effet-7.triggered .bg-slice:nth-child(even) .bg-image{
		-webkit-transform:translateX(310px);
		-ms-transform:translateX(310px);
		transform:translateX(310px)
	}
	
	#effet-8.triggered img{
		-webkit-transform:translateY(650px);
		-ms-transform:translateY(650px);
		transform:translateY(650px)
	}
	
	.valign-child{
		width:100%;
		padding:0 10px
	}
	
	.chapter-title{
		font-size:4.7rem;
		line-height:3.5rem;
		padding:0;
	}
	
	.intro{
		max-width:320px !important;
		font-size:2rem;
		line-height:1.1;
	}
	
	hr{
		width:280px !important;
		font-size:24px;
	}
	
	.btn{
		font-size:2.5rem;
		width:270px !important;
	}
	
	.lela{
		font-size:4rem;
		line-height:3.5rem;
	}
	
	#container #logoIconHide{
		top:5px;
		left:5px;
	}
	
	#logoIcon {
		width:60px;
		height:60px;
	}
	
	#logo{
		width:280px;
		height:106px;
		margin:0 auto;
	}
	
	#logoIntro{
		maxwidth:260px;
		font-size:20px;
	}
	
	#equipe-liste li{
		width:100%;
		height:350px;
	}
	
	#philosophie-container #blocPhilo{
		width:300px;
	}
	
	#philosophie-container #blocPhilo div{
		float:none;
		margin-bottom:30px;
		width:100%;
	}
	
	#konseptnu .intro{
		max-width:270px !important;
	}
	
	#konseptnu-container div{
		width:270px;
		height:90px;
	}
	
	#konseptnu-container.konseptnu-containerEN div{
		width:270px;
		height:120px;
	}
	
	#konseptnu-container.konseptnu-containerEN div#blocCharity p{
		padding-top:30px;
	}
	
	#konseptnu-container div#blocHuman{
		margin-bottom:50px;
	}
	
	#konseptnu-container div p{
		font-size:3rem;
		line-height:3rem;
	}
	
	#contact-container .intro2{
		width:280px;
		position:relative;
	}
	
	#contact-container .intro2 span:first-child{
		width:180px;
		height:2px;
		margin-top:121px;
		left:18%;
	}
	
	#contact-container .intro2 #contact-adresse{
		margin:0 auto;
		float:none;
	}
	
	#contact-container .intro2 #contact-info{
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		float:none;
	}
	
	#contact-container #contact-form-container, #contact-container #contact-form-container .introFormulaire, #contact-container #contact-form-container #introFormulaireCafe, #contact-container #contact-form-container #introFormulaireLunch{
		width:300px;
	}
	
	#contact-container #contact-form-container.displayBlock{
		margin-bottom:50px;
	}
	
	#contact-container #contact-form-container input{
		width:300px;
		margin-right:0;
	}
	
	#contact-container #merciFormulaire{
		width:280px;
		margin-top:40px;
		line-height:1;
	}
	
	#contact-container #merciFormulaire span{
		margin-bottom:10px;
	}
	
	#contact-container #merciFormulaire span#merciSpan2{
		margin-bottom:5px;
		margin-top:5px;
	}
	
	#contact-container #messageOffre{
		width:300px;
	}
	
	.picto-fr, .facebook{
	right:48px;
	}
	
	.picto-en, .linkedin {
		right:5px;
	}
	
	.picto-fr, .picto-en {
		top:5px;
	}
	
	.facebook, .linkedin {
		bottom:105px;
	}

	.picto-fr img, .picto-en img, .facebook img, .linkedin img{
		width:35px;
		height:35px;
	}
	
	.slide-overlay .creations-intro{
		padding:0 20px
	}

	.slide-overlay .creations-intro br{
		display:none
	}
	
	#creations{
		-webkit-transform-origin:50% 0%;
		-ms-transform-origin:50% 0%;
		transform-origin:50% 0%
	}
	
	.tile{
		width:100%
	}
	
	li.tile header .bci, li.tile header .martintap{
		font-size:3rem;
	}
	
	li.tile header .alexis{
		font-size:3.4rem;
	}
	
	li.tile header .vaucher, li.tile header .emeraude, li.tile header .celum, li.tile header .coress, li.tile header .metroavocats, li.tile header .manorstyle{
		font-size:2.7rem;
	}
	
	.centerCloseOverlay {
		width:300px;
	}
	.popups h2, .creations-container h2{
		top:8px;
		margin-bottom:30px;
		font-size:3.5rem;
	}

	.popups .close-overlay, #creations-details .close-overlay{
		left:255px;
	}
    .toggle-mobile-filters {
        width: 320px;
        margin: 0 auto;
        display: block;
        text-align: center;
        font-size: 2.2rem;
    }
    #toggle-mobile-filters:checked + .toggle-mobile-filters {
        display: none;
    }
    #toggle-mobile-filters {
        display: none;
    }
    .isotope-filters ul {
        display: none;
        width: 320px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #toggle-mobile-filters:checked ~ ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .isotope-filters ul li {
        width: 50%
    }
    .isotope-filters ul li:first-child {
        width: 100%
    }
    

}