/*===============
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout
-----------------
font size
wrapper
gutters
header
navigation
folds
- food
- whats on
- functions
pages
-----------------
home
image gallery
private gallery
blog
breakpoint
-----------------
helpers
extend
override
===============*/
/* @layout */
/* ----------------- */
/* @font size  */
body
{
    font-size: 85% !important;
}
/* @wrapper */
.general-content #content .wrapper,
.contact #content .wrapper,
.landing-page #content .wrapper
{
    padding-left:2em;
    padding-right:2em;
}
/* @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;
}
/* @copy */
/* @pages */
/* ----------------- */
/* @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 */