#header {
    background-color: #898a95;
    color: #f0f0f0;
    padding: 1em;
}

@media only screen and (min-width: 576px) {
    #header h5 {
        position: absolute;
        right: 15px;
        bottom: 0;
        margin-bottom: .2em;
    }
}

@media only screen and (max-width: 575px) {
    #header h1.display-4 {
        font-size: 3rem;
        margin-bottom: 0;
    }

    #header h1 {
        font-size: 2rem;
    }

    #header h1:last-of-type {
        margin-bottom: 1rem;
    }

    #header h5 {
        font-size: 1rem;
    }
}

#menu {
    padding: .5em;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu ul li {
    display: inline;
}

#menu a {
    margin: .5em 1em .5em 0;
    color: #898a95;
}

#footer {
    background-color: #898a95;
    color: #f0f0f080;
    padding: 1em;
}

body {
    color: #898a95;
}

#menu {
    padding-bottom: .5em;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

#main {
    padding-bottom: 2em;
}

#main h5, h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

#main ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

#main .thead-dark th {
    background-color: #898a95;
    border-color: #898a95;
    color: #f0f0f0;
}

#main td:first-child {
    white-space: nowrap;
}

#main td.talk {
    white-space: normal;
}

#main td.talk {
    width: 100%;
    color: #892a00;
}

#main a {
    color: #003b8f;
}

#main p.title {
    color: #892a00;
}

#main .abstract {
    color: #898a95;
    max-width: 700px;
}

#main td.talk a i {
    color: #892a00;
}