@font-face {
    font-family: 'dejavu';
    src: url('/font/dejavu-fonts-ttf-2.37/ttf/DejaVuSerif.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu';
    src: url('/font/dejavu-fonts-ttf-2.37/ttf/DejaVuSerif-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    margin: 0;
    font-family: "open-sans", Helvetica, sans-serif;
}

li.logo img {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
}

.copyright {
    font-size: small;
    text-align: center;
}

#content-container {
    padding: 16px 128px;
    background-color: white;
}

#content-container h2 {
    font-family: "dejavu", "Times New Roman", serif;
    border-bottom: 2px dotted #5a5a5a;
    color: #1e1825;
}

#content-container h3 {
    font-family: "dejavu", "Times New Roman", serif;
    color: #5a5a5a;
    margin-bottom:4px;
}

ul.button-list {
    padding: 0;
    margin: 0;
}

ul.button-list > li {
    color: white;
    display: inline-block;
    list-style: none;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin: 2px;
    background-color: rgb(64, 36, 32);
    border-radius: 5px;
    padding: 6px 12px;
}

ul.button-list > li > a {
    color: white;
    text-decoration: none;
}

.clear-hack {
    clear: both;
}

@media screen and (max-width: 800px) {

    #content-container {
        padding: 4px 32px;
    }

}

@media screen and (max-width: 600px) {

    #content-container {
        padding: 4px 8px;
    }

}