@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic);

/* @import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption&subset=latin,cyrillic); */
/* @import url(http://fonts.googleapis.com/css?family=PT+Mono); */

h1.title {
    font-size: 36pt;
}

body {
    background: #fff;
}

#content, #postamble {
    max-width: 900px;
    margin-left: 5%;
    font-family: 'PT Serif', serif;
    font-size: 13pt;
}

/* pre, code { */
/*     font-family: 'PT Mono', monospace; */
/* } */

/* code { */
/*     background: #eee; */
/* } */

p {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}

.video-container {
    text-align: center;
}

.video-container iframe {
    border: none;
}


/* .video-container { */
/*     text-align: center; */
/*     padding-bottom: 56.25%; */
/*     position: relative; */
/* } */

/* .video-container iframe { */
/*     width: 100%; */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     bottom: 0; */
/*     right: 0; */
/* } */

#postamble {
    border-top: 1px solid #888;
    margin-top: 2em;
    opacity: 0.6;
}