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

    header {

        height: 60px;
        border-radius: 10px;      
    }

    .img1{
        width: 40px;
    }

    .a1{
        margin: 5px;
    }
  
    .a2 {
        font-size: 15px;
    }
    .a3 {
        font-size: 12px;

        padding: 3px 5px;
        margin: 3px;
    }
    .a4{
        width: 20px;
        margin: 1px;
    }

    /*main*/

    main{
        grid-template-areas: 
        "div1"
        "div2"
        "div3"
        ;
        justify-content: start;
    }

    .div1-1, .div2-1, .div3-1{
        font-size: 15px;
    }
    .g{
        font-size: 14px;
    }
    .div1-2, .div2-2, .div3-2{
        font-size: 12px;
    }
    p{
        padding: 1px;
        margin: 1px;
    }


}