/*****************************
MEDIA QUERIES
*****************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
}

@media screen and (max-width: 600px) {
    .hg {
        grid-template-areas: 
            "header"
            "pesq"
            "main"
            "esq"
            "dir"
            "footer";

        grid-template-columns: 100%;
/*        grid-template-rows: 
            10% 
            10% 
            1fr
            10%
            10% 
            10%;*/
    }
}


@media screen and (max-width: 56em) {
}


@media screen and (max-width: 50em) {
}


@media screen and (max-width: 32.25em) {
    .logosite {
        width: 280px;
        height: 70px;
        background-size: 280px auto;
    }
    .entrar-master{margin: 15px 0.5em 0 0.5em;}
    .inserir-anuncio-master button {font-size: 1rem; margin-right: 0;}
}


@media screen and (max-width: 24em) {
}