html{
    height: 100%;
}
body {
    min-height: 100%;
}
.header{
    grid-area: header;
    background-color: #85aedd;
}
.main{
    grid-area: main;
    background-color: #f5f5f5;
}
.grid-container > * {
    text-align:center;
    color: black;
}
.grid-container{
    display: grid;
    grid-template:
        "header" 70px
        "main"   auto;
}
.btnlog:hover{
    background-color:rgb(0,0,0,0.1);
}
#main_menu_cel{
    display:block;
}
#main_menu{
    display:none;
}
#div_eventos{
    width:100%;
}
@media (min-width:700px){
    .grid-container{
        grid-template:
            "header" 70px
            "main"   auto;
    }
    #main_menu_cel{
        display:block;
    }
    #main_menu{
        display:none;
    }
    #div_eventos{
        width:100%;
    }
}
@media (min-width:1025px){
    .grid-container{
        grid-template:
            "header" 70px
            "main"   auto;
    }
    #main_menu_cel{
        display:none;
    }
    #main_menu{
        display:block;
    }
    #div_eventos{
        width:100%;
    }
}