body::before {
    display: block;
    content: '';
    height: 60px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    z-index: 3;
    color: white;
    background-color: black;
    border-color: #ddd;
}

.pagination > li.active > span {
    color: white;
    background-color: gray;
}

.pagination > li > a {
    color: black;
}

th a {
    color: white;
    text-decoration: none;
}
th a:hover {
    color: gray;
    text-decoration: underline;
}


#map {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.showcase {
    background-size:cover; 
    min-height: 30vh; 
}

@media(min-width: 768px) {
    .news-input {
        width: 50%;
    }
    .showcase {
        min-height: 70vh;
    }
}