section.section-1 {
    background-image: url('../img/elissys_la_beaute.jpg');
}

section.section-2 {
    background-image: url('../img/elissys_la_creme_3.jpg');
}

section.section-3 {
    background-image: url('../img/elissys_le_savon.jpg');
}

section.section-4 {
    background-image: url('../img/elissys_le_gommage_2.jpg');
}

section.section-5 {
    background-image: url('../img/elissys_les_masques_2.jpg');
}

section.section-1 article.def-descr {    
    position: relative;
    top: calc(100% - 400px);
    left: calc(50% - 100px);
    width: 650px;
}

section article > h2 {
    padding-top: 10px;
    padding-bottom: 20px;
}

section article > p {
    padding-top: 0;
}

section article > .image {
    z-index: -1;
}

section.section-2 article {
    position: relative;
    top: calc(50% + 150px);
    left: calc(50% - 300px);
    width: 425px;
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

section.section-2 article > .image {
    position: absolute;
    top: -250px;
    left: -400px;
    height: 500px;
    width: 500px;
    background-image: url(../img/creme_fluide_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-3 article {
    position: relative;
    top: calc(50% - 50px);
    left: calc(50% - 250px);
    width: 550px;
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

section.section-3 article > .image {
    position: absolute;
    top: -100px;
    left: 425px;
    height: 500px;
    width: 500px;
    background-image: url(../img/savon_creme_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-4 article {
    position: relative;
    top: calc(50% - 150px);
    left: calc(50% - 250px);
    width: 450px;
    padding: 20px;
    border-radius: 5px;
    color: #000
}

section.section-4 article > .image {
    position: absolute;
    top: -100px;
    left: -450px;
    height: 600px;
    width: 600px;
    background-image: url(../img/doux_peeling_elissys.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section.section-5 article {
    position: relative;
    top: calc(50% - 150px);
    left: calc(50% - 250px);
    width: 475px;
    padding: 20px;
    border-radius: 5px;
    color: #000
}

section.section-5 article > .image {
    position: absolute;
    top: -150px;
    left: 350px;
    height: 600px;
    width: 600px;
    background-image: url(../img/elissys_masque_probiotic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.scroll,
.scroll i,
.scroll i:before { 
    color: rgba(113, 206, 225, .75);
    text-shadow: 0 2px 1px rgba(0,0,0,.25);
}

.scroll:hover {
    color: rgb(113, 206, 225);
}