@media screen and (max-width: 960px) {

    header {
        display: grid;
        grid-template-areas: 
            "a1 a2"
            "nav nav" 
           ;
        grid-template-columns: 0.4fr 1fr;
        
    }
    .img1{
        width: 40px;
    }

    .a2 {
        font-size: 35px;
    }
    .a3 {
        font-size: 12px;

        padding: 4px 8px;
        margin: 2px 5px;
    }
    .a4{
        width: 30px;
    }

     /*  projet  */


     .div1-1, .div1-2, .div1-3 {
        font-size: 18px;
     }
     .div1-3-1 {
        width: 50px;
    }
}