@font-face {
    font-family: 'Playfair Display SC';
    font-weight: 400;
    font-style: normal;
    src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(/fonts/PlayfairDisplaySC.woff) format('woff');
}
p {
    /*margin-bottom: 0;*/
}
p + p {
    text-indent: 3em;
    margin-top: 0;
}
body#world {
    width: 100%;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1440px 1040px;
}
div.content {
    width: 100%;
}
div.content div.markdown h1 {
    padding-top: 2em;
}
div.view {
}
div#map {
    text-align: center;
}
div.markdown h1 {
    font-family: 'Playfair Display SC', 'Times New Roman';
    font-weight: 100;
    font-size: 3em;
    text-align: center;
    line-height: 1.25em;
}
div.markdown img#first-formative-moments {
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: -0.25em;
}
div.markdown img#praeopi-queen-small {
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: -0.25em;
}
div.markdown img#eidelis-small {
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: -0.25em;
}
div.markdown img#northwestern-serlista-map {
    border: none;
}
div.markdown {
    margin: 3em auto 0;
    padding-bottom: 0.8em;
    width: 80%;
    height: 100%;
}
div.markdown img {
    padding-bottom: 1em;
}
.left-float {
    float: left;
}
.center-float {
    float: center;
}
div.vignette {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 20em 0 10em;
}
div.header {
    margin: 11em auto 1em;
}
div.header h1.slogan {
    color: #FFFFFF;
    cursor: default;
    font-family: 'Cinzel Decorative';
    font-size: 7em;
    text-align: center;
    letter-spacing: 0.35em;
    line-height: 0.9em;
    opacity: 0.8;
    filter: glow(color=#FFFFFF, strength=6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='#FFFFFF', Strength=6)";
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5),
                 -1px  1px 0 rgba(0, 0, 0, 0.5), 1px  1px 0 rgba(0, 0, 0, 0.5),
                 0px 0px 10px rgba(255,255,255,0.9), 0px 0px  30px rgba(255,255,255,0.8),
                 0px 0px 50px rgba(255,255,255,0.7), 0px 0px 180px rgba(255,255,255,0.3);
    margin: 1em auto 0;
}
div.view ul {
    font-size: 2em;
    text-align: center;
}
div.view ul li {
    padding-top: 1.3em;
}
div.view ul li a {
    color: #FFFFFF;
    font-size: 1.2em;
    opacity: 0.75;
    filter: alpha(opacity=75);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px -1px 0 rgba(0, 0, 0, 0.5),
                 -1px  1px 0 rgba(0, 0, 0, 0.5), 1px  1px 0 rgba(0, 0, 0, 0.5),
                 0px 0px 30px rgba(255,255,255,1.0), 0px 0px 40px rgba(255,255,255,0.9),
                 0px 0px 60px rgba(255,255,255,0.9), 0px 0px 180px rgba(255,255,255,0.5);
}
div.view ul li a:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.7), 1px -1px 0 rgba(0, 0, 0, 0.7),
                 -1px  1px 0 rgba(0, 0, 0, 0.7), 1px  1px 0 rgba(0, 0, 0, 0.7),
                 0px 0px 30px rgba(255,255,255,1.0), 0px 0px 40px rgba(255,255,255,0.9),
                 0px 0px 60px rgba(255,255,255,0.9), 0px 0px 180px rgba(255,255,255,0.5);
}
div.view blockquote {
    font-style: italic;
}

@media screen and (max-width: 959px) {
    div#map img#northwestern-serlista-map {
        width: 100%;
    }
}

@media screen and (max-width: 792px) {
    div.content div {
        padding-top: 0.5em !important;
    }
    div.content div.markdown {
        margin: 1em auto;
        width: 98%;
    }
    div.content div.markdown img {
        width: 100% !important;
    }
    div.content div.markdown h1 {
        padding-top: 0;
        font-size: 1.5em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
    div.content div.markdown h2 {
        font-size: 1.25em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
    div.content div.markdown h3 {
        font-size: 1.1em;
        margin-block-start: 0.1em;
        margin-block-end: 0.1em;
    }
    div.view ul.books div {
        display: block;
    }
    div.footer {
        margin-top: 5em !important;
    }
}