@media screen and (max-width: 1800px) {

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 620px;
    }

}

@media screen and (max-width: 1750px) {

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 1125px;
    }

}

@media screen and (max-width: 1700px) {

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 620px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 1100px;
    }

}

@media screen and (max-width: 1650px) {

    #steps-left-side {
        padding-left: 80px;
        max-width: 32vw;
    }

    #steps-center-part {
        left: 130px;
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        transform: translateX(-30px);
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 1050px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 860px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 800px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        transform: translateX(-20px);
        width: 560px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 640px;
    }

}

@media screen and (max-width: 1600px) {

    #steps-center-part > div[data-name="gestionContrats"] {
        transform: translateX(-20px);
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 550px;
        transform: translateX(-40px);
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 1000px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 840px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 760px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > img:nth-child(2) {
        margin-bottom: -125px;
    }

}

@media screen and (max-width: 1550px) {

    #steps-left-side {
        padding-left: 50px;
        max-width: 30vw;
    }

    #steps-center-part {
        left: 100px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        transform: translateX(-40px);
    }

    #steps-center-part > div[data-name="pointage"] {
        transform: translateX(-20px);
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        transform: translateX(-60px);
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        transform: translateX(-50px);
    }

}

@media screen and (max-width: 1500px) {

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 740px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        width: 520px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 800px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 610px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 940px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 520px;
    }

}

@media screen and (max-width: 1450px) {

    .feature {
        font-size: 17px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 680px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        width: 470px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 760px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 580px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 900px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 490px;
        transform: translateX(-70px);
    }

    #steps-center-part > div[data-name="avantagesParents"] {
        transform: translateX(-65px);
    }

}

@media screen and (max-width: 1400px) {

    #steps-center-part > div[data-name="gestionContrats"] > img:nth-child(2) {
        width: 70px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 630px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        width: 430px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 720px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 540px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 840px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 450px;
        transform: translateX(-70px);
    }

    #steps-center-part > div[data-name="avantagesParents"] > picture:nth-child(1) img {
        height: 58vh;
    }

    #steps-center-part > div[data-name="avantagesParents"] > img:nth-child(2) {
        width: 70px;
    }

    #credit-cards img {
        height: 40px;
    }

}

@media screen and (max-width: 1350px) {

    .feature {
        font-size: 16px;
    }

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 610px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        width: 410px;
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 680px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 510px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 820px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 440px;
    }

}

@media screen and (max-width: 1300px) {

    #steps-center-part > div[data-name="gestionContrats"] > picture:nth-child(3) img {
        width: 570px;
    }

    #steps-center-part > div[data-name="gestionContrats"] {
        width: 390px;
        transform: translateX(-50px);
    }

    #steps-center-part > div[data-name="pointage"] > #tablet-container {
        width: 650px;
    }

    #steps-center-part > div[data-name="pointage"] {
        width: 490px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] > #computer-container {
        width: 780px;
    }

    #steps-center-part > div[data-name="avantagesCreche"] {
        width: 420px;
    }

    #steps-center-part > div[data-name="avantagesParents"] > picture:nth-child(1) img {
        height: 54vh;
    }

    #credit-cards > img {
        height: 35px;
    }

}