@media screen and (min-height: 1000px) {
    .hero-container {
        background-size: 125rem;
        background-position: 10% 34%;
    }
}

@media screen and (min-width: 1800px) {
    html {
        font-size: 18px;
    }
    .hero-container {
        background-size: 125rem;
        background-position: 10% 20%;
    }
}

@media screen and (max-width: 1100px) {
    html {
        font-size: 15px;
    }
    .hero-container {
        background-position: 34% 0%;
    }
    .product-box {
        width: 24.3125rem;
        height: 24.125rem;
    }
    .section-two h1,
    .section-three h1 {
        font-size: 4rem;
    }
    .partenaires {
        height: 13rem;
    }
}

@media screen and (max-width: 1100px) and (min-height: 1300px) {
    .section-one {
        max-height: 630px;
    }
    .hero-container {
        background-size: 98rem;
        background-position: 36% -3%;
    }
    .title-bloc {
        padding-left: 5em;
    }
}

@media screen and (max-width: 800px) and (min-height: 1000px) {
    .section-one {
        max-height: 630px;
    }
    .hero-container {
        background-size: 100rem;
        background-position: 26% 0%;
    }
}

@media screen and (max-width: 900px) {
    html {
        font-size: 14px;
    }
    .rectangle-background {
        left: 1.5rem;
        height: 55.25rem;
    }
    .product-box {
        width: 45%;
        height: auto;
    }
    .product-box p {
        padding: 0.75em 0;
    }
    .section-two h1,
    .section-three h1 {
        font-size: 3.25rem;
    }
    .partenaires {
        height: 12rem;
    }
    .distributeurs div {
        padding: 0.25em 0.75em;
    }
    footer {
        height: 23.75rem;
    }
}

@media screen and (max-width: 700px) {
    html {
        font-size: 13px;
    }
    .rectangle-background {
        left: -1.25rem;
        height: 70rem;
    }
    .title-bloc {
        padding-left: 4rem;
    }
    .product-boxes {
        flex-direction: column;
        align-items: center;
    }
    .product-boxes .product-box:nth-child(1) {
        margin-bottom: 3.5em;
    }
    .product-box {
        width: 80%;
    }
    .section-two h1,
    .section-three h1 {
        font-size: 3rem;
    }
    .partenaires {
        height: 11rem;
    }
    .rectangle-icons {
        width: 18rem;
        height: 4.125rem;
        left: calc(50% - 10rem);
    }
    .footer-content {
        padding: 3em 2em 1.5em 2em;
    }
}

@media screen and (max-width: 600px) {
    .rectangle-background {
        left: -4.5rem;
    }
    .section-two {
        padding: 0;
    }
    .product-boxes {
        flex-direction: column;
        align-items: center;
    }
    .product-boxes .product-box:nth-child(1) {
        margin-bottom: 3.5em;
    }
    .product-box {
        width: 80%;
    }
    .section-two h1,
    .section-three h1 {
        font-size: 2.5rem;
    }
    .partenaires {
        height: 10rem;
    }
    .distributeurs div {
        padding: 0.25em 0.45em;
    }
    .rectangle-icons i {
        font-size: 1.75rem;
    }
    .rectangle-icons i.fa-apple {
        font-size: 2rem;
    }
    .footer-content {
        padding: 3em 1em 1.5em 1em;
    }
}

@media screen and (max-width: 500px) {
    html {
        font-size: 12px;
    }
    .title-bloc {
        padding-left: 2rem;
    }
    header {
        padding: 1em
    }
    .product-box {
        max-width: 95%;
    }
}

@media screen and (max-width: 400px) {
    html {
        font-size: 11px;
    }
    .section-two {
        padding: 0;
    }
    .footer-content {
        padding-top: 4em;
    }
}