@font-face {
    font-family: 'Droid Sans Mono';
    font-weight: 400;
    font-style: normal;
    src: local('Droid Sans Mono'), local('DroidSansMono'), url(/fonts/droidsansmono.v4.woff) format('woff');
}
@font-face {
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(/fonts/PlayfairDisplaySC.woff) format('woff');
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(/fonts/PlayfairDisplay.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Cinzel Decorative';
    font-weight: 100;
    font-style: normal;
    src: local('Cinzel Decorative'), local('CinzelDecorative-Regular'), url(/fonts/CinzelDecorative.woff) format('woff');
}
*, ::before, ::after {
    box-sizing: inherit;
}
html,body {
    margin: 0;
}
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif;
}
body {
    overflow-x: hidden;
}
body.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}
a { text-decoration: none; color: #a03724; }
h1 { color: #70221D; }
h2 { color: #803724; }
h3 { color: #803724; }
h4 { color: #803724; }
h5 { color: #803724; }
ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    list-style-type: none;
}
input {
    font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif;
}
div.body {
    width: 100%;
}
div.content {
    font-size: 16px;
    line-height: 28px;
    padding-top: 5em;
    width: 100%;
}
div.view {
    width: 100%;
}
div.header {
    margin-top: 3em;
}
span.noformat {
    font-family: 'Droid Sans Mono', sans-serif;
    background-color: rgba(0, 0, 0, 0.15);
}
.hidden {
    display: none !important;
}

@media only screen and (max-width: 792px) {
    div.header {
        margin-top: 0;
    }
    div.content {
    }
    h1 {
        font-size: 1.5em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
    h2 {
        font-size: 1.25em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
    h3 {
        font-size: 1.1em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
}

@media only screen and (max-width: 550px) {
    div.view {
        width: 98% !important;
    }
}
