/* -------------------- */
#main {
    padding-top: 20px;
}

.Block-Header {
    background-image: url(img/header-2024.gif);
}

.Block-Header .Wrapper .Text {
    max-width: 430px;
}

@media (min-width: 1024px){
    .page-content, .pagedesigner-page-content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 768px){
    .page-content, .pagedesigner-page-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .Block-Header {
        background-position: 39%;
    }
}

@media (orientation: portrait) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    /* .Block-Header {
        background-position: top left -20vw;
    } */

    .Block-Header .Wrapper {
        right: 2%;
    }

    .Block-HowItWorks .Visual {
        background-position: top -121px center;
    }
}

@media (max-width: 761px) {
    .Block-Header {
        background-image: url(img/header-mobile-2024.gif);
    }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .page-content, .pagedesigner-page-content {
        padding-left: 15px;
        padding-right: 15px;
    }


    .Block-Header .Wrapper .Pictos {
        margin: 0 5px;
        justify-content: center;
    }

    .Block-Header .Wrapper .Pictos li {
        padding: 0;
        flex-basis: 25%;
    }

    .Block-HowItWorks .Steps {
        font-size: 13px;
    }
}