@font-face {
    font-family: 'OS-RC';
    src: url(OpenSans-Light.woff2) format('woff2'),
         url(OpenSans-Light.woff) format('woff'),
         url(OpenSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}


html {
    margin: 0;
    padding: 0;
}

body {
    margin: auto;
    padding: 0;
    max-width: 816px;
    background: white;
    color: black;
    font-family: 'OS-RC', 'Univers LT W01 45 Light', Arial, sans-serif, Helvetica;
    font-weight: 300;
    word-wrap: break-word;
}

.intro {
    text-align: justify;
}

.archived {
    outline: 1px solid black;
    padding: 8px;
    font-weight: initial;
}

body > * {
    padding-left: 8px;
    padding-right: 8px;
    margin: 20px 0px;
}

/* old ticker style */

.archived .layout {
    margin: 0px;
    padding: 0px;
    border: none;
    border-spacing: 0px;
    border-collapse: collapse
}

.archived table {
    empty-cells: show
}

.archived {
    background-color: #e3ebf7;
    font-family: Univers,Arial,sans-serif,Helvetica;
    font-size: 13px
}

.archived a {
    text-decoration: underline
}

.archived a:link,a:visited {
    color: #5e77ae
}

.archived a:active {
    color: #558800
}

.archived #main {
    font-size: 14px;
    line-height: 1.5;
    max-width: 800px
}

/* mobile device fixes */

@media (max-width: 700px) {
    table.layout td:nth-child(2) img {
        width: 50vw;
    }
}
@media (max-width: 500px) {
    table.layout td:nth-child(2) img {
        width: calc(100vw - 2 * 8px);
        max-width: 350px;
    }
    table.layout td {
        display: block;
    }
}