@media screen and (min-width:1951px) and (max-width:3200px) {

.caption-video-five { background: url(../images/bg-video-five.jpg) no-repeat; z-index: -10; }	
.visibilitey { visibility: hidden; }

.visibilitey-2 { visibility: visible; }

}



@media screen and (min-width:1451px) and (max-width:1950px) {

.caption-video-five { background: url(../images/bg-video-five.jpg) no-repeat; }	.caption-video-five { background: url(../images/bg-video-five.jpg) no-repeat; }	
.container-padding-2 {
	padding-left: 10.625rem;
    padding-right: 10.625rem;
}

.visibilitey { visibility: hidden; }
	
.visibilitey-2 { visibility: visible; }

}






@media screen and (min-width:1281px) and (max-width:1450px) {
	
.caption-video-five { background: url(../images/bg-video-five.jpg) no-repeat; }	
.container-padding-2 {
	padding-left: 7rem;
    padding-right: 7rem;
}
	
.visibilitey { visibility: hidden; }
	
.visibilitey-2 { visibility: visible; }

}






@media screen and (min-width:1125px) and (max-width:1280px) {
.caption-video-five { background: url(../images/bg-video-five.jpg) no-repeat; }	
.container-padding-2 {
	padding-left: 3rem;
    padding-right: 3rem;
}
	
.visibilitey { visibility: hidden; }
	
.visibilitey-2 { visibility: visible; }

}


/* Résolution comprise entre 990 et 1024 (tablette retournée et autres...)
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:991px) and (max-width:1124px) {
.caption-video-five { background: url(../images/bg-video-five-1124.jpg) no-repeat; }
.container-padding-2 {
	padding-left: 1.8rem;
    padding-right: 1.8rem;
}
	
.visibilitey { visibility: hidden; }
	
.visibilitey-2 { visibility: visible; }
	
.logo-hero img {
    text-align: center;
    margin: auto;
  	width: 200px;
}


}

/* Résolution comprise entre 800 et 1024 (tablette retournée et autres...)
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:801px) and (max-width:990px) {
.caption-video-five { background: url(../images/bg-video-five-1050.jpg) no-repeat; }
.navbar-brand > img {
	 width: 61%;
}
	
.container-padding-2 {
	padding-left: 1.8rem;
    padding-right: 1.8rem;
}
	
.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }
.rebouchage { margin-top: -212px; }
	
.logo-hero img {
    text-align: center;
    margin: auto;
  	width: 200px;
}


}






/* Résolution comprise entre 800 et 1024 (tablette retournée et autres...)
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:801px) and (max-width:989px) {

.caption-video-five { background: url(../images/bg-video-five-1050.jpg) no-repeat; }
.navbar-brand > img {
	 width: 80%; padding-top: 8px;
}
	
.container-padding-2 {
	padding-left: 1.8rem;
    padding-right: 1.8rem;
}
	
.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }	
	
.logo-hero img {
    text-align: center;
    margin: auto;
  	width: 200px;
}


}






/* Résolution inférieur à 800px
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:771px) and  (max-width:800px) {

.caption-video-five { background: url(../images/bg-video-five-800.jpg) no-repeat; }
.navbar-brand > img {
	 width: 80%; padding-top: 8px;
}
	
.container-padding-2 {
	padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }
	
.logo-hero img {
    text-align: center;
    margin: auto;
  	width: 180px;
}


}

/* Résolution inférieur à 770px
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:0px) and  (max-width:770px) {

.navbar-brand > img {   width: 80%; padding-top: 8px; }
.caption-video-five { background: url(../images/bg-video-five-smartphone.jpg) no-repeat; }

.container-padding-2		{ padding-left: 5rem; padding-right: 5rem; }
.heading-title				{ text-align: center; }
.heading-title::before		{  margin-left: -20px; visibility: hidden; }
.box-info		 			{ text-align: center; }
.centrer					{ text-align: center; }
.intro-text h2				{ text-align: center; }
.visibilitey				{ visibility: visible; }
.visibilitey-2				{ visibility: hidden; }
.top50 						{ margin-top: 50px; }


.logo-hero img {
    text-align: center;
    margin: auto;
  	 width: 150px;
}

}





@media screen and (min-width:0px) and (max-width:576px) {
.caption-video-five { background: url(../images/bg-video-five-576.jpg) no-repeat; }
.container-padding-2 {
	padding-left: 2rem;
    padding-right: 2rem;
}
	
.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }




}






/* --------------------------------------------------------------------------------------------------------------- */
/* Résolution comprise entre 0 et 480px (mobile)
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:480px) {
.caption-video-five { background: url(../images/bg-video-five-480.jpg) no-repeat; }	
.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }
	
}

@media screen and (min-width:0px) and (max-width:320px) {
.caption-video-five { background: url(../images/bg-video-five-480.jpg) no-repeat; }		
.visibilitey { visibility: visible; }
	
.visibilitey-2 { visibility: hidden; }



}