@media print {

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

@media screen and (min-width:32rem) and (max-width:48rem) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:48rem) {
    html {
        font-size: 16px
    }
}

body {
    line-height: 1.85
}

.splendor-p,
p {
    font-size: 1rem;
    margin-bottom: 1.3rem
}

.splendor-h1,
.splendor-h2,
.splendor-h3,
.splendor-h4,
h1,
h2,
h3,
h4 {
    margin: 1.414rem 0 .5rem;
    font-weight: inherit;
    line-height: 1.42
}

.splendor-h1,
h1 {
    margin-top: 0;
    font-size: 3.998rem
}

.splendor-h2,
h2 {
    font-size: 2.827rem
}

.splendor-h3,
h3 {
    font-size: 1.999rem
}

.splendor-h4,
h4 {
    font-size: 1.414rem
}

.splendor-h5,
h5 {
    font-size: 1.121rem
}

.splendor-h6,
h6 {
    font-size: .88rem
}

.splendor-small,
small {
    font-size: .707em
}

canvas,
iframe,
img,
select,
svg,
textarea,
video {
    max-width: 100%
}

@import url(http://fonts.googleapis.com/css?family=Merriweather:300italic,300);

html {
    font-size: 18px;
    max-width: 100%
}

body {
    color: #444;
    font-family: Merriweather, Georgia, serif;
    margin: 0;
    max-width: 100%
}

:not(div):not(img):not(body):not(html):not(li):not(blockquote):not(p),
p {
    margin: 1rem auto;
    max-width: 36rem;
    padding: .25rem
}

div,
div img {
    width: 100%
}

blockquote p {
    font-size: 1.5rem;
    font-style: italic;
    margin: 1rem auto;
    max-width: 48rem
}

li {
    margin-left: 2rem
}

h1 {
    padding: 4rem 0 !important
}

p {
    color: #555;
    height: auto;
    line-height: 1.45
}

code,
pre {
    font-family: Menlo, Monaco, "Courier New", monospace
}

pre {
    background-color: #fafafa;
    font-size: .8rem;
    overflow-x: scroll;
    padding: 1.125em
}

a,
a:visited {
    color: #3498db
}

a:active,
a:focus,
a:hover {
    color: #2980b9
}