.conteudo.indice {
    align-content: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
}
.pagina.indice {
    align-items: stretch;
    padding: 20px 0;
} 
.indice .tema {
    align-content: center;
    align-items: center;
    background-color: #000;
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-1-romance.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 3px;
    width: calc(33.333% - 6px);
}
.indice .tema.romance {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-1-romance.jpg");
}
.indice .tema.romance:hover {
    background-color: #909;
    background-image: none;
}
.indice .tema.policial {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-2-policial.jpg");
}
.indice .tema.policial:hover {
    background-color: #99008c;
    background-image: none;
}
.indice .tema.gastronomia {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-3-gastronomia.jpg");
}
.indice .tema.gastronomia:hover {
    background-color: #990080;
    background-image: none;
}
.indice .tema.historias-reais {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-4-historias-reais.jpg");
}
.indice .tema.historias-reais:hover {
    background-color: #990073;
    background-image: none;
}
.indice .tema.grandes-historias {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-5-grandes-autores.jpg");
}
.indice .tema.grandes-historias:hover {
    background-color: #906;
    background-image: none;
}
.indice .tema.religiao {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-6-religiao.jpg");
}
.indice .tema.religiao:hover {
    background-color: #990059;
    background-image: none;
}
.indice .tema.desenvolvimento-pessoal {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-7-desenvolvimento-pessoal.jpg");
}
.indice .tema.desenvolvimento-pessoal:hover {
    background-color: #99004c;
    background-image: none;
}
.indice .tema.historia-politica {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-8-historia.jpg");
}
.indice .tema.historia-politica:hover {
    background-color: #990040;
    background-image: none;
}
.indice .tema.vida-saudavel {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-9-vida-saudavel.jpg");
}
.indice .tema.vida-saudavel:hover {
    background-color: #903;
    background-image: none;
}
.indice .tema.ficcao-cientifica {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-10-ficcao-cientifica.jpg");
}
.indice .tema.ficcao-cientifica:hover {
    background-color: #990026;
    background-image: none;
}
.indice .tema.ciencia {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-11-ciencia.jpg");
}
.indice .tema.ciencia:hover {
    background-color: #99001a;
    background-image: none;
}
.indice .tema.arte {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-12-arte.jpg");
}
.indice .tema.arte:hover {
    background-color: #99000d;
    background-image: none;
}
.indice .tema.infantis-6 {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-13-infantis-6.jpg");
}
.indice .tema.infantis-6:hover {
    background-color: #900;
    background-image: none;
}
.indice .tema.infantis-11 {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-14-infantis-11.jpg");
}
.indice .tema.infantis-11:hover {
    background-color: #990d00;
    background-image: none;
}
.indice .tema.juvenis {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-15-juvenis.jpg");
}
.indice .tema.juvenis:hover {
    background-color: #991a00;
    background-image: none;
}
.indice .tema.ingles {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-16-ingles.jpg");
}
.indice .tema.ingles:hover {
    background-color: #992600;
    background-image: none;
}
.indice .tema.bd-humor {
    background-image: url("https://www.wook.pt/img/_201901-p-folhetosaldos-17-bd-humor.jpg");
}
.indice .tema.bd-humor:hover {
    background-color: #930;
    background-image: none;
}
.indice .tema h3 {
    font-family: "BryantProRegular", sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.indice .tema p {
    display: none;
}
.indice .tema h3 b,
.indice .tema p b {
    font-family: "BryantProBold", sans-serif;
    font-weight: normal;
}
@media (min-width: 1200px) {
    .pagina.indice {
        align-items: stretch;
        padding: 30px 0;
    }
    .indice .tema h3 {
        font-size: 24px;
    }
    .indice .tema p {
        color: #fff;
        display: initial;
        font-family: "BryantProRegular", sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        margin: 0;
        padding: 10px 10px 0 10px;
        text-transform: uppercase;
    }
}