#img-marion {width: 360px;}
#text-a-propos {width: calc(95% - 360px);}
.question-col {grid-template-columns: repeat(2, 1fr);}

@media screen and (max-width: 1700px) {
    .container-row {width: 70%;}
    .container-column {width: 70%;}
    .bloc-prestations {width: 70%;}
    #section-temoignage {width: 70%;}
}

@media screen and (max-width: 1800px) {
    .flip-front, .flip-back {height: 125%;}
    . { width: 40%; margin: 0 30% 60px 30%;}
}

@media screen and (max-width: 1450px) {
    .container-row {width: 80%;}
    .container-column {width: 80%;}
    .bloc-prestations {width: 80%;}
    .section-contact { width: 50%; margin: 0 25% 60px 25%;}
    #section-devis { width: 70%;}
    #section-temoignage {width: 80%;}
}

@media screen and (max-width: 1300px) {
    .container-row {width: 90%;}
    .container-column {width: 90%;}
    .bloc-prestations {width: 90%;}
    #zone-devis {padding: 3rem 3rem}
    #section-temoignage {width: 90%;}
    #section-devis { width: 90%;}
}

@media screen and (max-width: 1150px) {
    .container-row {width: 95%;}
    .container-column {width: 95%;}
    .bloc-prestations {width: 95%;}
    #logoFooter {width: 80%;}
    #socialNetwork {width: 40%;}
    #links {width: 40%;}
    .section-contact { width: 60%; margin: 0 20% 60px 20%;}
    #section-temoignage {width: 95%;}
}

@media screen and (max-width: 1000px) {
    .flip-front, .flip-back {height: 140%; padding: 1rem;}
    #zone-devis {padding: 2rem 2rem; width: 80%;}
    .prestations-flex {justify-content: center; gap: 1rem 4%;}
    .prestations-flex > * {width: 48%; margin-bottom: 1rem;}
    .prestations-flex > *:nth-child(-n+3),
    .prestations-flex > *:nth-child(n+4),
    .prestations-flex > *:nth-child(5) {
        align-self: auto;
        margin-bottom: 1rem;
        transform: none;
    }
    .prestations-flex {padding: 3rem 0 0 0;}
    .flip-front, .flip-back {height: 115%; padding: 2rem;}
    .image-temoin-1 {display: none;}
    #section-temoignage .temoignage-col:last-child {display: none;    }
    #section-temoignage {padding: 3.5rem 0 0 0;}
    .temoignage-col {width: 48%;}
    .image-temoin-2 {display: block;}
    .questions label {font-size: 15px;}
}

@media screen and (max-width: 900px) {
    #img-inspiration {width: 300px;}
    #img-marion {width: 300px;}
    #text-a-propos {width: calc(95% - 300px);}
    #section-devis { width: 95%;}
}

@media screen and (max-width: 800px) {
    #img-inspiration {width: 240px;}
    #img-marion {width: 240px;}
    #text-a-propos {width: 80%;}
    #zone-devis {padding: 1.5rem 1.5rem; width: 85%;}
    .section-contact { width: 80%; margin: 0 10% 60px 10%;}
}

@media screen and (max-width: 780px) {
    .flip-front, .flip-back {height: 115%; padding: 1rem;}
}

@media screen and (max-width: 750px) {
    .container-row {flex-direction: column;}
    #img-inspiration {width: 360px;}
    #img-marion {width: 360px;}
    #text-a-propos {width: 90%; margin-top: 1rem;}
    #logoFooter {width: 90%;}
    #socialNetwork {width: 45%;}
    #links {width: 45%;}
    .questions label {font-size: 14px;}
}

@media screen and (max-width: 670px) {
    .prestations-flex {
        flex-direction: column;
        margin: auto;
    }
    .bloc-prestations {width: 80%;}
    .prestations-flex {width: 100%; margin: auto}
    .prestations-flex > * {width: 95%; margin: auto}
    #logoFooter {width: 100%;}
    #socialNetwork {width: 50%;}
    #links {width: 50%;}

    .prestations-flex {
        display: flex;
        flex-direction: column;
    }

    .flip1 { order: 1; }
    .img2  { order: 2; }
    .flip2 { order: 3; }
    .img3  { order: 4; }
    .flip3 { order: 5; }
    .img1  { order: 6; }
}


@media screen and (max-width: 600px) {
    #centerFooter {flex-direction: column;}
    #socialNetwork {width: 100%;border-bottom: 1px solid #003232;}
    #links {width: 100%;}
    .section-contact { width: 90%; margin: 0 5% 60px 5%;}
    #section-temoignage {flex-direction: column;}
    .temoignage-col {width: 80%;}
    .question-col {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width: 500px) {
    .container-row {flex-direction: column;}
    #img-inspiration {width: 95%;}
    #img-marion {width: 100%;}
    #text-a-propos {width: 100%; margin-top: 1rem;}
    .bloc-prestations {width: 95%;}
    .section-contact { width: 100%; margin: 0 0 60px 0;}
    #contact-color form {width: 85%;}
    .temoignage-col {width: 90%;}
}
@media screen and (max-width: 500px) {
    #nav-contact {display: none};
}