@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(fonts/Raleway.woff2) format('woff2');
}

@font-face {
    font-family: 'Computer Modern Serif';
    src: url('fonts/cmunti.eot');
    src: url('fonts/cmunti.eot?#iefix') format('embedded-opentype'),
    url('fonts/cmunti.woff') format('woff'),
    url('fonts/cmunti.ttf') format('truetype'),
    url('fonts/cmunti.svg#cmunti') format('svg');
    font-weight: normal;
    font-style: italic;
}

a {
    color: rgb(0, 102, 204);
    text-decoration: none;
}

a:hover {
    color: rgb(0, 102, 204);
    text-decoration: underline;
}

a:visited {
    color: rgb(0, 102, 204);
    text-decoration: none;
}

blockquote {
    font-family: 'Computer Modern Serif', serif;
    font-style: italic;
    text-align: justify;
    text-indent: 1em;
    padding-left: 3em;
    padding-right: 3em;
    border-left: 1px solid rgb(220, 220, 220);
    border-right: 1px solid rgb(220, 220, 220);
    column-count: 2;
    column-gap: 2em;
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    max-width: 40em;
    margin: 2em auto 0.5em;
}

blockquote > p:first-child {
    margin-top: 0;
}

body {
    font-family: 'Raleway', sans-serif;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    line-height: 1.4;
    background-color: rgb(245, 245, 245);
    box-sizing: border-box;
}

cite {
    font-family: 'Garamond', 'Georgia', serif;
    font-size: 1.1em;
    margin: 0.5em auto 2em;
    padding-left: 2.727em;
    padding-right: 2.727em;
    /*border-left: 0.3em solid rgb(220, 220, 220);*/
    max-width: 36.363em;
}

div.highlight {
    border: 1px solid rgb(150, 150, 150);
    background: rgb(245, 245, 245);
    padding: 1em;
}

div#contents {
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid rgb(235, 235, 235);
    border-right: 1px solid rgb(235, 235, 235);
    padding: 1em 3em 3em;
    background-color: rgb(255, 255, 255);
}

h1 {
    font-family: 'Raleway', serif;
    clear: both;
    font-size: 1.9em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: .37em;
    text-align: center;
    font-variant: small-caps;
}

h2,h3,h4,h5 {
    font-family: 'Garamond', 'Georgia', serif;
    clear: both;
}

h2 {
    font-size: 1.8em;
    margin: .75em 1em .45em;
    text-align: center;
    font-variant: small-caps;
}

h3 {
    font-size: 1.17em;
    margin: .83em 0 .53em;
}

h2:not(:first-of-type) {
    margin-top: 2em;
    border-top: 1px solid rgb(200, 200, 200);
    padding-top: 2em;
}

img {
    margin: 0.5em;
}

img#img_mijeto {
    float: left;
    margin: 0 1.5em 3.6em 0;
}

ol>li {
    list-style: upper-roman inside;
    text-indent: 1em;
}

p {
    margin-top: 1em;
}

p.logoblock {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

span.italics {
    font-style: italic;
}

span.marker_current {
    font-size: 70%;
    vertical-align: top;
    color: rgb(180, 180, 180);
}

ul>li {
    list-style: disc inside;
    /* The following only seems to work in Gecko */
    list-style-type: '• ';
    text-indent: 1em;
}

ul>li>ul>li {
    list-style: circle inside;
    /* The following only seems to work in Gecko */
    list-style-type: "— ";
    text-indent: 2em;
}

cite,div,ol,p,ul {
    display: block;
}

@media all and (max-width: 43em) {
    body {
        padding-bottom: 2em;
        text-align: justify;
    }

    div#contents {
        padding-left: 1em;
        padding-right: 1em;
    }

    cite {
        padding-left: 1em;
        padding-right: 1em;
        column-count: 1;
        -moz-column-count: 1;
    }

    img#img_mijeto {
        clear: both;
        float: none;
        margin-bottom: 1em;
        margin-left: calc(50% - 117px / 2);
        margin-right: auto;
    }

    blockquote {
        column-count: 1;
        -moz-column-count: 1;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}