
/*======  8k ============================================================*/ 

@media screen and (max-width: 7860px)
{


}


/*======  4k ============================================================*/ 

@media screen and (max-width: 3840px)
{



}

/*======  2k ============================================================*/ 

@media screen and (max-width: 2560px)
{



}


/*======  FHD ============================================================*/ 

@media screen and (max-width: 1920px)
{




}



/*======  inf width 1440 ============================================================*/ 

@media screen and (max-width: 1440px)

{
 
.block_h,
.base{
	width: 80%;
}
 

 
}

/*======  inf width 1280 ============================================================*/ 

@media screen and (max-width: 1280px)

{
 
 .block_h,
.base{
	width: 85%;
}

}

/*======  inf width 1024  ============================================================*/ 

@media screen and (max-width: 1024px)

{

div#contenu{
	--vh_img: 40vh;
}

.gen_up {
	display: block;
}

.gen_img{
	margin: 0 auto;
}
 
.gen_txt_cont{
	text-align: center;
}


.mrgt1024px{
	margin-top: 20px;
}

 
}



/*======  inf width 800  ============================================================*/ 

@media screen and (max-width: 800px)

{
 
div#contenu{
	--vh_img: 30vh;
}

.block_h,
.base{
	width: 90%;
}

.imgX2{
	display: block;
	text-align: center;
	width: 100%;
	margin: 10px;
}

.mrgt800px{
	margin-top: 20px;
}

}



/*======  inf width 740  ============================================================*/ 

@media screen and (max-width: 740px)

{



.block_h,
.base{
	width: 95%;
}

#scrollUp{
	display: none;
}




}


/*======  inf width 640  ============================================================*/ 

@media screen and (max-width: 640px)

{


}



/*======  inf width 480  ============================================================*/ 

@media screen and (max-width: 480px)

{
	


}




/*======  inf width 414  ============================================================*/ 

@media screen and (max-width: 414px)

{


	
}




/*======  inf width 360  ============================================================*/ 

@media screen and (max-width: 360px)

{



	
}





