@media screen and (max-width: 800px){
    .html.axeptio-widget--open, .html.axeptio-widget--open > body{
        overflow: inherit !important;
        position: static !important;
    }
    nav{
        height: 100%;
        position: fixed !important;
        left: 0;
        top: 0;
        width: 100% !important;
        z-index: 99;
        display: block;
        text-align: center;
        display: none;
    }
    #burger{
        position: fixed;
        top: 1em;
        right: 1em;
        display: block;
        z-index: 9999;
        width: 3em;
    }
    nav div{
        width: 100%;
        display: block;
    }
    nav div a{
        display: block;
    }

    header{
        height: 50vh;
    }
    header > div:not(.informations){
        width: 70%;
    }
    header div h1{
        font-size: 1.5em;
    }
    header div p{
        font-size: 0.8em;
    }
    nav a {
        width: 100%;
        text-align: center;
    }
    nav a:nth-child(1) img{
        width: 20%;
        margin: 10vh auto;

    }
    nav div a{
        margin-bottom: 7vh;
    }
    .intro h3,
    .intro p,
    article img,
    article > div,
    .prestations > div,
    .questions div,
    .contact form, .contact iframe{
        width: 100%;
    }
    .prestations div div h3{
        font-size: 1em;
    }
    .informations{
        display: none;
    }
    h2{
        font-size: 1.5em;
    }
    section{
        padding : 10%;
    }
    .domaines{
        display: block;
        padding: 1em 2em;
    }
    .galerie{
        height: 20vh;
    }
    footer div,
    .contact{
        width: 90%;
    }
    .desc{
        padding: 5%;
    }
    article > div a{
        margin-top: 5vh;
    }
    img#testimony{
        width: 30%;
    }
    .temoignages div{
        width: 100%;
    }
    .temoignages div i{
        margin-top: 10vh;
    }
    .slider .big{
        width: 90%;
        height: 35vh;
    }
}