.red{
	height: 600px;
 
}
@font-face {
	font-family: 'Dancing Script';
	src: url(‘Images/Dancing Script) format(‘woff’),
		url(‘Images/Dancing Script-VariableFont_wght.ttf’) format(‘truetype’)
}
font-family: 'Dancing Script', cursive;
body {
	font-family: 'Roboto', sans-serif;


}
a{
	color: grey;
	text-align: center;

}
a:hover{
	color: #C17F80;
		text-align: center;
	
}
.bro{
	height: 10%;
	background-color: ;
}
.logo{
	position: absolute;
	height: 40%;
	width: 100%;
	background-image: url(Images/logow.png);
	box-shadow: black 3px;
	text-shadow: black 3px;

	background-size: 400px;
	background-repeat: no-repeat;
	background-position: 50%;


}

.dote{
	position: absolute;
	height:63%;
	width: 100%;
	background-image: url(Images/dote.png);
margin-top: 0%;
left: -10%;
	background-size: 190px;
	background-repeat: no-repeat;
	background-position: 5%;
	z-index: 2;


}.dote1{
	position: absolute;
	height: 60%;
	width: 100%;
	background-image: url(Images/dote1.png);
margin-top: 0%;

	background-size: 190px;
	background-repeat: no-repeat;
	background-position: 100%;
	z-index: 2;


}

.ban{
	height: 600px;
	background-image: url("Images/ban2.jpg");	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0% 75%;  
	margin-top: -3%;
	width: 100%;
	padding-left: -2%;
}
h22{
position: relative;
	color: lightpink;
	text-align: center;
		font-family: Dancing Script;

font-weight: bold;
font-size: 250%;

}
p{
	text-align: center;
}
h1{
position: relative;
	color: whitesmoke;
	text-align: center;
text-shadow: 2px 2px grey;
font-weight: bold;
font-size: 200%;

}
h21{
	padding-top: 18%;
	color: grey;
	text-align: center;
	font-weight: bold;
font-size: 130%;
}
h2{
	padding-top: 5%;
	color: grey;
	text-align: center;
	font-weight: bold;

}

h33{
	position: relative;
top: 10%;
	padding-top: 5%;
	color: grey;
	text-align: center;
	font-size: 140%;
	font-weight: bold;

}

h5{
	padding-top: 3%;
	color: whitesmoke;
	text-align: center;
	font-family:  Dancing Script;
	font-weight: bold;
	font-size: 180%;

}
.row{

	text-align: center;
}

.sec{
	margin-top: 10%;
	background-color: #DB8D8E;
	height: 150px;
}
.brick1{
	background-image: url("Images/aqua.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 20% 20% ;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;


}.brick2{
		background-image: url("Images/bana.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: -30%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}.brick3{
		background-image: url("Images/yoga.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:100%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}.brick4{
		background-image: url("Images/hyp.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 15%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}.brick5{
		background-image: url("Images/acu.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 20%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}
.brick6{
		background-image: url("Images/homeo.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 20%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}
.brick7{
		background-image: url("Images/osteo.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 10 0%;
	height: 200px;

	margin-left:  0%;
	margin-top:2% ;
}
.end{
	position: relative;
text-align: center;
	height:auto;
	background-color: #303030;
}
.sal{

	background-image: url("Images/sal.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
background-position: 10% 40%;
	height: 250px;



}
.img{
padding-left: 17%; 

} 
#Blockitem{
position: relative;


	background-image: url("Images/gaston.jpg");


	width: 100%;
		height: 80%;
background-position: center;
display: inline-block;
background-size: 100%;
transition: 200ms;
z-index: 1;

} 


#Blockitem1{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
		background-image: url("Images/baby.jpg");
background-position: center;
display: inline-block;
background-size: 100%;
transition: 200ms;
z-index: 1;

}

#Blockitem2{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
	background-image: url("Images/gaston.jpg");
	background-repeat: no-repeat;

background-position: center;
display: inline-block;
background-size: 200%;
transition: 200ms;
z-index: 1;

}
#Blockitem3{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
	background-image: url("Images/bal.jpg");
	background-repeat: no-repeat;

background-position: center;
display: inline-block;
background-size:300%;
transition: 200ms;
z-index: 1;

}

#Blockitem4{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
	background-image: url("Images/massage.jpg");
	background-repeat: no-repeat;

background-position: center;
display: inline-block;
background-size:300%;
transition: 200ms;
z-index: 1;

}

#Blockitem5{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
	background-image: url("Images/bébé.jpg");
	background-repeat: no-repeat;

background-position: center;
display: inline-block;
background-size:300%;
transition: 200ms;
z-index: 1;

}

#Blockitem6{
top: 15%;
position: relative;
	width: 200px;
		height: 300px;
	background-image: url("Images/paps.jpg");
	background-repeat: no-repeat;

background-position: center;
display: inline-block;
background-size:300%;
transition: 200ms;
z-index: 1;

}




text{

	text-color: black;
	text-decoration-color: black;
}
.card{
	display: table-cell;
}