/*
    Author: Achille Gontran
    Mail: gontran.achille@gmail.com
*/
.services{
    clear: both;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services > div{
    width: 1689px;
    margin: 0 auto;
    padding-bottom: 25px;
}
.services h2, .galerie h2{
    padding-bottom: 30px;
}
.services h2, .us h2{
    font-size: 36px;
    font-weight: 100;
    padding-top: 30px;
    text-align: center;
    color: #f6cbd3;
}
.services div .soins{
    background-size: 500px 300px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 20px 40px 20px 40px;
    width: 400px;
    padding: 40px;
    text-align: center;
    color: #fff;
    height: 165px;
    vertical-align: top;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.services div > .soins:nth-child(1){
    background: url("../img/content/Soins du visage.jpg");
    background-size: 500px 400px;
}
.services div > .soins:nth-child(2){
    background: url("../img/content/Maquillage.jpg");
    background-size: 410px 250px;
}
.services div > .soins:nth-child(3){
    background: url("../img/content/Sourcils.jpg");
    background-size: 500px 300px;
}
.services div > .soins:nth-child(4){
    background: url("../img/content/Micro-pigmentation.jpg");
    background-size: 500px 300px;
}
.services div > .soins:nth-child(5){
    background: url("../img/content/Rehaussement.jpg");
    background-size: 500px 300px;
}
.services div > .soins:nth-child(6){
    background: url("../img/content/Extensions cil à cil.jpg");
    background-size: 500px 250px;
}
.services div > .soins:nth-child(7){
    background: url("../img/content/Extensions volume.jpg");
    background-size: 500px 250px;
}
.services div > .soins:nth-child(8){
    background: url("../img/content/Conseils en image.jpg");
    background-size: 500px 300px;
}
.services div div h3{
    font-size: 20px;
    margin: 0 0 10px 0;
    color: #fff;
}
.services div div p{
    margin: 0 0 5px 0;
    text-align: justify;
}
.soins{
    position: relative;
}
.layer
{
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.soins h3, .soins p{
    position: relative;
    z-index: 2;
}
.soins p span{
    float: right;
}