/** HEIGHT **/

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

    #steps-center-part > div[data-name="accompagnement"] picture img {
        height: 60vh !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-myperischool-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="enMairie"] {
        width: 750px;
    }

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

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

}

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

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

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

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        width: 950px;
        left: 30px;
    }

}

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

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

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

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

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        width: 900px;
        left: 20px;
    }

}

@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="pointageDesEnfants"] > #tablet-container {
        width: 850px;
    }

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

}

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

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

    #steps-center-part > div[data-name="pourLesParents"] > #smartphone-container {
        width: 1100px;
        left: -40px;
    }

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

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

}

@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="pourLesParents"] > #smartphone-container {
        left: -50px;
    }

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        left: 10px;
    }

}

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

    #steps-center-part > div[data-name="enMairie"] > #computer-container {
        width: 950px;
        left: -60px;
    }

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

    #steps-center-part > div[data-name="pourLesParents"] > #smartphone-container {
        left: -70px;
    }

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

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

}

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

    .feature {
        font-size: 17px;
    }

    #steps-center-part > div[data-name="pourLesParents"] > #smartphone-container {
        left: -90px;
    }

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        left: 0;
        width: 780px;
    }

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

}

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

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

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

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

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

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

    #steps-center-part > div[data-name="accompagnement"] picture img {
        height: 70vh;
    }

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

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

}

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

    .feature {
        font-size: 16px;
    }

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

    #steps-center-part > div[data-name="pourLesParents"] > #smartphone-container {
        left: -70px;
    }

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        width: 700px;
        left: -10px;
    }

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

}

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

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

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

    #steps-center-part > div[data-name="enMairie"] > #computer-container {
        left: -40px;
    }

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

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

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

    #steps-center-part > div[data-name="accompagnement"] picture img {
        height: 65vh;
    }

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

    #steps-center-part > div[data-name="pointageDesEnfants"] > #tablet-container {
        width: 660px;
        left: -20px;
    }

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

}