@media screen and (max-width: 950px) {
/*--------HEADER--------*/
#bodyheader{
    grid-area: coname;
    }
    
    #co_name{
        font-size:15px;
    }
    
    .wrapper-grid-header
    {
        display: grid; 
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
        grid-template-areas: 
        "coname2"
        "menu2"
        ;
        height: 100%;
    } 
    
    .header-grid-left{
        grid-area: coname2;
        /* display:block; */
        justify-content: center;
        padding: 5px 0px 5px 0px;
    }
    
    .header-grid-menu{
        grid-area: menu2;
        display: block;
        
    }
    
    .header-grid-menu > ul{
    text-align: center;
    font-size: 15px;
    }
    
    .header-grid-middle{
        display: none;
    }
    
    /*-------Footer-media -----------*/
    footer{
        grid-area: footer;
        }
    
    #thefooter{
        height: 40px;
        padding: 5px;
    }
        
    .lifooter{
        font-size: 15px;
    }


}

@media screen and (max-width: 550px) {
/*-------Footer-media -----------*/
footer{
    grid-area: footer;
    }

#thefooter{
    height: 35px;
    padding: 5px;
}
    
.lifooter{
    font-size: 10px;
}
}

@media screen and (max-height:575px){
    main{height:100%; overflow: unset;}
    header{position:relative;}
    #thefooter{position:initial;}
}