/*  Typography
    ==================================== */
html,body                   { font: 100%/1.3125 'Open Sans', Arial, sans-serif; font-weight: 400; }

/* Open Sans & Roboto Slab */
.ff-osNormal, .ff-osItalic, .ff-osBold, .ff-osExtraBold
                            { font-family: 'Open Sans', Arial, sans-serif; }
.ff-rsLight, .ff-rsNormal, .ff-rsBold
                            { font-family: 'Roboto Slab', Georgia, serif; }
.ff-csNormal                { font-family: 'Comic Sans MS', sans-serif; }
.ff-rsLight                 { font-weight: 300; }
.ff-osNormal, .ff-osItalic, .ff-rsNormal
                            { font-weight: 400; }
.ff-osSemiBold              { font-weight: 600; }
.ff-osBold, .ff-rsBold      { font-weight: 700; }
.ff-osExtraBold             { font-weight: 800; }
.ff-osItalic                { font-style: italic; }

h1, .h-1                    { font-size: 28px; font-size: 1.75rem; }
h2, .h-2, .fs-default, p, .p, ul, ol, dl
                            { font-size: 16px; font-size: 1rem; }
h3, .h-3, .fs-smaller, table{ font-size: 14px; font-size: 0.875rem; }
h4, .h-4, .fs-small         { font-size: 12px; font-size: 0.75rem; }
h5, .h-5, .fs-xsmall        { font-size: 10px; font-size: 0.625rem; }