section#news {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
}

#news h1 {
    text-align: center;
    margin-bottom: 0;
}

#news .row {
    width: 100%;
}

#news .row .tbl {
    margin: 2rem 2.333333333% 0 2.333333333%;
    width: 8%;
    padding: 0 2% 0 2%;
    text-align: center;
    transition: 250ms ease-in-out;
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    -ms-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
    background-color: white;
}

#news .row .tbl:hover {
    transform: translateY(-10px);
    transition: 250ms ease-in-out;
    box-shadow: 0px 10px 37px -20px rgba(0, 0, 0, 0.39);
    -webkit-transition: 250ms ease-in-out;
    -moz-transition: 250ms ease-in-out;
    -ms-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

#news .row h1 {
    margin-top: 3rem;
    margin-bottom: 5%;
    font-size: 2.1rem;
    line-height: 2.1rem;
    font-family: "Coda";
    font-weight: bold;
    margin-bottom: 0;
    color: rgb(var(--text-color));
}

#news .row p {
    margin: 0.5rem 0 1rem 0;
}

#news .row p.date {
    color: rgb(var(--third-color));
}

@media (max-width: 1000px) {
    #news .row .tbl {
        width: 86%;
        margin: 4rem 5% 0.75rem 5%;
    }
}