@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;}
	
a{
text-decoration: none;
}
.zoneGrandi{
width: 100%;
/*background-color:#b01149;*/}

.zoneGrandiCenter{
width: 90%;
height:300px;
background-image: url("../images/imagegrandir.jpg");
/*border-radius: 80px 00px 82px 00px;*/
background-size:cover;
border: 9px solid #eee;
/*border-radius: 87px 00px 80px 00px;*/
margin: 0px auto;}

.zoneGrandiCenter h4{
font-family: "Rowdies", sans-serif;
color: #afd000;
font-size: 28px;
position: relative;
top: 20px;
left: 10px;
text-shadow: 3px 3px #333;
;}

.zoneGrandiCenter p{
font-family: "Rowdies", sans-serif;
font-size: 16px;
position: relative;
font-weight:bold;
color: #FB144E;
top: 10px;
left: 10px;
}

.contentbtn{
width: 600px;
height:70px;
display: flex;
}

.btnagrandie{
width: 250px;
height: 45px;
border-radius: 4px;
border: none;
transition: ease 1;
position: relative;
left: 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #FB144E;
border-bottom: 1px solid #FB144E;
background-color: none;
}

.btnagrandie:hover{
width: 250px;
transition: ease 1;
height: 45px;
border-radius: 4px;
border: none;
color: #fff;
position: relative;
left: 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #FB144E;
}

.btnagrandi{
width: 250px;
height: 45px;
border-radius: 4px;
border: none;
color: #fff;
position: relative;
left: 40px;

text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #FB144E;
}



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


margin: 0px auto;}

	
}


@media only screen and (min-width: 200px) and (max-width: 480px){
	
*{
padding: 0;
margin: 0;}
	
.zoneGrandi{
width: 100%;
/*background-color:#b01149;*/}

.zoneGrandiCenter{
width: 97%;
height:400px;
background-image: url("../images/dormir.jpg");
background-size: 600%;
background-position: right;
margin: 0px auto;}

.zoneGrandiCenter h4{

color: #afd000;
font-size: 16px;
position: relative;
top: 20px;

text-shadow: 3px 3px #333;
;}

.zoneGrandiCenter p{
color: #000;
font-size: 14px;
position: relative;
top: 20px;

;}
	
.contentbtn{
width: 100%;
height:auto;
display: block
}

.btnagrandie{
width: 90%;
height: 55px;
border-radius: 20px;
border: none;
transition: ease 1;
position: relative;
left: 10px;
top: 10px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #FB144E;
border-bottom: 1px solid #FB144E;
background-color: none;
}

.btnagrandie:hover{
width: 90%;
transition: ease 1;
height: 55px;
border-radius: 20px;
border: none;
color: #fff;
position: relative;
left: 10px;
top: 10px;
text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #FB144E;
}

.btnagrandi{
width: 90%;
height: 55px;
border-radius: 20px;
border: none;
color: #fff;
position: relative;
left: 10px;
top: 20px;
text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #FB144E;
}

}