/* TYPOGRAPHY STYLES */
body
{
    line-height: 1.4;
    font-size: 18px;
    font-weight:300;

    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'kern' 1;
       -moz-font-feature-settings: 'kern' 1;
            font-feature-settings: 'kern' 1;

    -webkit-text-size-adjust: none;
}

body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6
{
    font-size-adjust: .5;
}

h1,
h2
{
    font-weight:300;
    letter-spacing: -1px;
    letter-spacing: -0.05em;
}

h3,
h4,
h5,
h6
{
    font-weight: normal;
    letter-spacing: -1px;
    letter-spacing: -0.05em;
}

#page
{
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.25;
    /* equivalent to 20px */
}

@media (max-width: 43.75em)
{
    #page
    {
        font-size: 1em;
        /* equivalent to 16px */
        line-height: 1.375;
        /* equivalent to 22px */
    }
}

h1
{
    font-size: 3em;
    /* 2x body copy size = 32px */
    line-height: 1.05;
    /* 45px / 36px */
}

@media (max-width: 43.75em)
{
    h1
    {
        font-size: 2.5em;
        /* 2.5x body copy size = 40px */
        line-height: 1.125;
    }
    .thumbnail h1
    {
        font-size:2em;
    }
}

h2
{
    font-size: 2.25em;
    /* 1.625x body copy size = 26px */
    line-height: 1.25;
    /* 30px / 26px */
}

@media (max-width: 43.75em)
{
    h2
    {
        font-size: 2em;
        /* 2x body copy size = 32px */
        line-height: 1.25;
    }
}

h3
{
    font-size: 1.75em;
    /* 1.375x body copy size = 22px */
    line-height: 1.13636364;
    /* 25px / 22px */
}

@media (max-width: 43.75em)
{
    h3
    {
        font-size: 1.5em;
        /* 1.5x body copy size = 24px */
    }
}

h4
{
    font-size: 1.125em;
    /* 1.125x body copy size = 18px */
    line-height: 1.11111111;
}

@media (max-width: 43.75em)
{
    h4
    {
        line-height: 1.22222222;
        /* (22px / 18px */
    }
}

h5,
h6
{
    font-size:1em;
}

h6
{
    font-weight:300;
}

blockquote
{
    font-size: 1.6em;
    /* 20px / 16px */
    line-height: 1.5;
    /* 25px / 20px */
}
blockquote:before {
    width:4rem;
    display:block;
    height:0px;
    border:3px solid #0067C6;
    content:' ';
}

blockquote p
{
    margin: 0;
}

@media (max-width: 43.75em)
{
    blockquote
    {
        font-size: 1em;
        /* 24px / 16px = */
        line-height: 1.45833333;
        /* 35px / 24px */
        margin-left:-2rem;
    }
    blockquote:before {
        width:2em;
    }
}
p
{
    margin: 18px 0;
    margin: 1rem 0;
}

p.nopadding
{
    margin: 0;
}