.view-encyclopedia.view-display-id-page .view-content {
    column-count: initial;
    column-width: initial;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.view-encyclopedia .views-row {
    flex: 0 1 auto;
    width: calc(33% - 1rem);
    margin: 0.5em;
    padding: 1em;
    border: 1px solid #dddddd;
}

.view-encyclopedia .view-content h3 {
    width: 100%;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#edit-field-category-tid {
    height: auto;
    padding: 0.5em;
    font-size: 1em;
    border: 1px solid #ddd;
}

@media (max-width: 852px) {
    .view-encyclopedia .views-row {
        flex: 1 1 auto;
    }
}

@media (max-width: 540px) {
    .view-encyclopedia.view-display-id-page .view-content {
        display: block;
    }

    .view-encyclopedia .views-row {
        width: auto;
    }
}