@media screen and (max-width:1500px){
    article section {
        width: 30%;
        height: 55vh;

    }
    article section p{
        font-size: .9em;

    }

}


@media screen and (max-width:600px){
    :root{
        --margeV: 1.8em;
    }
    
    /* .button{
        width: 75%;
        display: block;
        margin: auto;
        text-align: center;
        font-size: .8rem;
    } */
    header div{
        margin-left: 10%;
        font-size: .75em;
    }
    aside{
        background: url('../images/bg-home-mobile.png') no-repeat right center;
        background-size: cover;
    }
    aside div{
        width: 90%;
        font-size: 12px;
        margin: 0;
        padding-left: 5%;
    }
    aside div .button{
        margin-left: 0;
    }
    article{
        display: block;
        width: 100%;
        padding: 0;
    }
    article section{
        width: 90%;
        margin: 10vh auto;
        height: 56vh;
    }
    article h2{
        font-size: 1.8em;
    }
    main article section h2{
        margin: 5% auto;
    }
    article section p{
        font-size: 0.95em;
    }

    article section{
        margin-bottom: 15vh;
    }
    section h3,
    h3{
        margin: 0 0 var(--margeV);
    }
    section a{
        background: honeydew;
    }
    form{
        width: 90%;
        margin: auto
    }
    form fieldset label{
        width: 96%;
        margin: 2%;
    }
    input[type="submit"].button{
        margin-top: 3vh;
    }
   #chrono-mobile{
    display: block;
    width: 90%;
    margin: auto;
   }
   #chrono-desktop{
    display: none;
   }
footer{
        width: 70%;
        margin: auto;
        border-top: solid 2pt black;
    }

}