/*===============
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout
-----------------
body font size
wrapper
gutters
header
navigation
components
pages
-----------------
home
gallery
breakpoint
-----------------
helpers
extend
override
===============*/
/* @layout */
/* ----------------- */
/* @body font size  */
body
{
    font-size: 90%;
}
/* @wrapper */
.wrapper
{
    padding-left: 1.5em;
    padding-right: 1.5em;
}
/* @gutters */
.sl-gt,
.sl-wrap-gt
{
    margin-left: -1em;
    margin-right: -1em;
}
.sl-gt > .sl,
.sl-gt > li,
.sl-gt > dt,
.sl-gt > dd,
.sl-wrap-gt > .sl,
.sl-wrap-gt > li,
.sl-wrap-gt > dt,
.sl-wrap-gt > dd
{
    padding-left: 1em;
    padding-right: 1em;
}
/* @header */
#header .wrapper
{
    text-align: left;
}
#header h1
{
    white-space:nowrap;
}
#header h1 img
{
    width: 1.5em;
    padding-right: 5px;
    margin-right: -10px;
}
#header h1 span.wrapTitleText
{
    display: inline;
}
#header h1 span.wrapSubtitle
{
    display: inline-block;
    padding-left: 0.8em;
}
#header h1 span.wrapGlass
{
    padding-left: 1em;
}
/* @navigation */
/* @components */
/* @pages */
/* ----------------- */
/* @home */
/* @gallery */
/* @breakpoint */
/* ----------------- */
/* @helpers */
.bp2-auto
{
    width: auto;
}
.bp2-1of1
{
    width: 100%;
}
.bp2-1of2
{
    width: 50%;
}
.bp2-1of3
{
    width: 33.333334%;
}
.bp2-2of3
{
    width: 66.666667%;
}
.bp2-1of4
{
    width: 25%;
}
.bp2-3of4
{
    width: 75%;
}
.bp2-1of5
{
    width: 20%;
}
.bp2-2of5
{
    width: 40%;
}
.bp2-3of5
{
    width: 60%;
}
.bp2-4of5
{
    width: 80%;
}
/* @extend */
/* @override */