@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap');
/* font-family: 'Rammetto One', sans-serif; */

/*font-family: 'Mulish', sans-serif;*/


 *{
padding: 0;
margin: 0;}
	

.zoneLibre{
width: 100%;
margin-top: 20px;
/*background-color:#b01149;*/}

.zoneLibreCenter{
width: 80%;
height:auto;

margin: 0px auto;}

.librexu{
width: 100%;
height:600px;
display: flex;

margin: 0px auto;}

.librexu1{
width: 600px;
height:450px;

}

.infotext{
position: relative;
top:100px;
width: 400px;
height:200px;}

.infotext h1{
font-family: 'Rammetto One', sans-serif;}

.btndecouvr{
width: 200px;
height:50px;
color: #fff;
border: none;
font-size: 18px;
font-weight: bold;
text-align: center;
background-color: #FB144E;
border-radius: 4px;
position: relative;
top: 20px;
}

.librexu2{
width: 500px;
height:500px;
border-radius: 50%;



}

.imgboutik{
width: 100%;
height:100%;
border-radius: 50%;
object-fit: cover;
border:dashed 8px #FF22FF;
}




@media only screen and (min-width: 481px) and (max-width: 1024px){
	
 *{
padding: 0;
margin: 0;}
	
.zoneLibre{
width: 100%;
height: auto ;
/*background-color: #025462;*/
display: block;
margin: 0px auto;}
	
.zonePresentationCenter{
width: 80%;
height: auto ;
/*background-color: #025462;*/
display: flex;
margin: 0px auto;}
	

	

	
}


@media only screen and (min-width: 200px) and (max-width: 480px){
	
*{
padding: 0;
margin: 0;}
	
.zoneLibre{
width: 100%;
height: auto ;

/*background-color: #025462;*/
display: block;
margin: 0px auto;}
	
.zoneLibreCenter{
width: 90%;
height: auto ;
/*background-color: #025462;*/
display: block;
margin: 0px auto;}

	

.librexu{
width: 100%;
height:auto;
display: block;

margin: 0px auto;}

.librexu1{
width: 97%;
height:250px;

}

.infotext{
position: relative;
top:100px;
width: 97%;
height:200px;}

.infotext h1{
font-size: 22px;
font-family: 'Rammetto One', sans-serif;}

.btndecouvr{
width: 200px;
height:50px;
color: #fff;
border: none;
font-size: 18px;
font-weight: bold;
text-align: center;
background-color: #FB144E;
border-radius: 4px;
position: relative;
top: 20px;
}

.librexu2{
width: 250px;
height:250px;
border-radius: 50%;
margin: 0px auto;
}

.imgboutik{
width: 100%;
height:100%;
border-radius: 50%;
object-fit: cover;
border:dashed 8px #FF22FF;
}


	
	


}