@media screen and (max-width: 600px) {
    .id-site {
        margin-top: 16px;
    }

    .area-busca {
        width: 90%;
    }

    .area-user {
        justify-content: center;
        width: 80%;
    }

    header {
        flex-direction: column;
    }

    .area-icones {
        position: initial;
    }

    .popup-login {
        position: fixed;
        top: 190px;
        left: 0;
        width: 100%;
    }

    /* QUADRINHOS */
    .tituloSecao {
        font-size: 1.2rem;
    }

    .quadrinhoCard {
        width: 50%;
    }

    .quadrinhoCard h1 {
        font-size: 1.0rem;
        min-height: 37px;
    }

    .tag 
    {
        font-size: 0.6rem;
    }

    #dadosColecao {
        flex-direction: column;
    }

    .resumo {
        width: 100%;
    }

    .resumo > .quadrinhoCard {
        width: 100%;
    }

    
    /* EXEMPLARES */
    #localExemplares {
        width: calc(100% - 10px);
        padding: 0 20px 0 20px;
        background-color: #fff;
        border-left: thin solid #ededed;
    }

    #local-lista-exemplares > p.numero {
        width: 20%;
    }



    .exemplarCard {
        width: calc(50% - 7px);
    }

    .exemplarCard h1 {
        font-size: 1.0rem;
    }

}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .exemplarCard {
        width: 25%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .exemplarCard {
        width: 25%;
    }
}