@font-face {
    font-display: swap;
    font-family: 'Varela';
    font-style: normal;
    font-weight: 400;
    src:    url('/fonts/varela-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
            url('/fonts/varela-v16-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-display: swap;
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src:    url('/fonts/cairo-v22-latin-700.woff') format('woff'), /* Modern Browsers */
            url('/fonts/cairo-v22-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */
}

body {
    font-family: 'Varela';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #483E3F;
    background-color: #F6F7F2;
}
@media (max-width: 600px) {
    body {
        font-size: 0.9em;
    }
    table thead tr th {
        font-size: 1em;
    }
}
h1, h2, h3, h4 {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
}
.container {
    margin-top: 2em;
    margin-bottom: 2em;
}

.site-heading {
    text-align: center;
    margin-bottom: 1em;
}

.nav-pills .nav-link.active {
    background-color: #483E3F;
    color: #F6F7F2;
}
.nav-link {
    color: #877B7D;
}
.nav-link:hover {
    color: #483E3F;
}

table {
    margin-top: 2em;
}
.table-heading {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
table thead tr th {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
}

.site-source {
    margin-top: 2em;
    text-align: center;
}

footer {
    margin-top: 2em;
}
footer div.copy {
    text-align: center;
    font-size: 0.9em;
}