/** HEIGHT **/

/** iPad Pro **/
@media screen and (min-height: 800px) and (max-width: 1400px) and (min-width: 1200px) {

    #steps-center-part > div[data-name="fonctionnalitesAdaptees"] picture img {
        height: 45vh !important;
        width: 360px !important;
    }

    #steps-center-part > div[data-name="fonctionnalitesAdaptees"] > #certificate-container {
        left: -50px !important;
    }

    #certificate-text-container {
        font-size: 18px !important;
    }

}

@media screen and (max-height: 800px) {

    #certificate-text-container {
        font-size: 17px;
    }

    #steps-decoration {
        bottom: -155px;
    }

    #steps-decoration circle {
        cy: 145;
    }

    #steps-menu button {
        font-size: 18px;
    }

    #steps-menu button.selected {
        font-size: 22px;
    }

}

@media screen and (max-height: 750px) {

    #steps-decoration {
        bottom: -180px;
    }

    #steps-decoration circle {
        cy: 126;
    }

    #steps-familiz-logo {
        width: 150px;
        margin-bottom: -40px;
    }

}


@media screen and (max-height: 700px) {

    #steps-decoration {
        bottom: -210px;
    }

    #steps-decoration circle {
        cy: 96;
    }

}

/** WIDTH **/

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

    .feature-title {
        font-size: 32px;
    }

}

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

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

    #steps-left-side {
        padding-left: 120px;
        width: 34vw;
    }

}

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

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

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

}

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

    .feature-title {
        font-size: 30px;
    }

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

}

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

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

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

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

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

}

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

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

}

@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="gainDeTemps"] > #computer-container {
        width: 700px;
    }

}

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

    .feature-title {
        font-size: 28px;
    }

}

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

    .feature {
        font-size: 17px;
    }

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

}

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

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

    .feature-title {
        font-size: 27px;
    }

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

    #steps-center-part > div[data-name="fonctionnalitesAdaptees"] > #certificate-container {
        left: -20px;
    }

    #steps-center-part > div[data-name="fonctionnalitesAdaptees"] picture img {
        width: 400px;
    }

}

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

    .feature {
        font-size: 16px;
    }

    .feature-title {
        font-size: 26px;
    }

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

}

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

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

    .feature-title {
        font-size: 25px;
    }

    #steps-center-part > div[data-name="fonctionnalitesAdaptees"] > #certificate-container {
        left: -30px;
    }

    #certificate-text-container {
        font-size: 15px;
    }

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

}