body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.transbox {
    content: '';
    position: relative;
}

/* filtro que não deixa os filhos receberem opacity */
.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.transbox2 {
    content: '';
    background: #ffffff;
    opacity: 0.8;
}

.filtro-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: min-content;
    grid-gap: 1rem 2rem;
}

.filtro-list div a {
    width: 100%;
}

@media (min-width: 1024px) {
    .filtro-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: min-content;
        grid-gap: 1rem 2rem;
    }
}

@media (min-width: 1454px) {
    .filtro-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1800px) {
    .filtro-list {
        grid-template-columns: repeat(2, 1fr);
    }
}