h1{
    color: var(--blanc);
    font-size: 5vw;
    font-family: lato-bold;
}

h2 {
    color: var(--bleu);
    font-size: 5vw;
}

hr{
    color: var(--bleu);
}

.section-2 {
    margin: 20px 0;
    position: relative;
    margin-top: 80px;
}

.section-2 .img-absolute{
    right: 0;
    top: 0;
    z-index: -1;
}

.section-2 h2{
    font-family: lato-bold;
}

.section-2 p {
    margin-top: 22px;
}

.section-2 hr{
    width: 56%;
    margin-top: 49px;
}

.section-3 h2{
    font-family: lato-bold;
    margin-top: 4px;
}
.section-3 h2, .section-3 p{
    margin-bottom: 37px;
}
.section-3 .service {
    margin-bottom: 25px;
}

.section-4 h2{
    margin-bottom: 37px;
    width: 90%;
}

.section-4 input{
    
    margin-bottom: 28px;
    border: 2px solid #4c8f9f;
}

.container input, textarea {
    width: 87%;
    border-radius: 10px;
}

.section-4 .col-2 > picture {
    margin-bottom: 43px;
}

.section-4 .col-2 .container-cordonnes div{
    display: flex;
    margin-bottom: 25px;
}
.section-4 .col-2 .container-cordonnes  picture {
    margin-right: 10px;
}
.section-4 .col-2 .container-cordonnes img{
    width: max-content;
}

.section-4 a{
    color: black;
}

form{
    margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {

    
}


@media only screen and (min-width: 1024px) {
    h1 {
        font-size: 3.2em;
    }
    h2 {
        font-size: 3.2em;
    }
    

    .section-2 h2{
        font-size: 3em;
    }

    .section-2 .container-text{
        justify-content: space-between;
    }

    .section-2 .container-text div{
        width: 49%;
    }


    .section-3 {
        margin-top: 342px;
    }



    .section-3 .service {
        align-items: center;
        margin-bottom: 70px;
    }

    .section-3 .service .p{
        font-size: 1.1em;
    }

    .section-3 .service:nth-child(odd){
        justify-content: space-between;
    }

    .section-3 .service:nth-child(even) .bloc-txt {
        margin-left: 5%;
    }
    .section-3 .service:nth-child(odd) picture{
        order: 1;
    }

    .section-3 .service .bloc-txt {
        width: 24%;
        min-width: 258px;
    }

    .section-3 picture{
        max-width: max-content;
        width: 65%;
    }


    .section-4 .col-1 h2{
        line-height: 48px;
    }

    .section-4 .container-checkbox {
        margin: 14px 0;
    }

    .section-4 .col-2 {
        width: 79%;
        flex-direction: column;
    }

    .section-4 .col-2 picture{
        max-width: max-content;
    }

    .section-4 .col-2 .container-cordonnes {
        flex-wrap: wrap;
    }

    .section-4 .col-2 .container-cordonnes > div {
        display: flex;
    }

    .section-4 .col-2 .container-cordonnes div:nth-child(1) {
        width: 100%;
    } 
    .section-4 .col-2 .container-cordonnes div:nth-child(1) a {
        width: 250px;
    } 
    .section-4 .col-2 .container-cordonnes a, .section-4 .col-2 .container-cordonnes p{
        margin-right: 18px;
    }


}

@media only screen and (min-width: 1536px) {
    

}