/*
Theme Name: BassTheme
Author: Tim Hereijgers
Author URI: http://timhereijgers.nl
Description: Basic theme for stripped down responsive Wordpress site. Based on BassCss
Version: 1.0
*/





/* Reset */

img,
video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}


/*! Basscss core | http://basscss.com | MIT License */

h1, h2, h3, h4, h5, h6 { 
    font-weight: inherit;
    margin-bottom: 1.25rem;
}


h1, .h1{ font-size: 2rem; line-height: 1.1; }
@media (max-width: 40em) {
    h1, .h1 { font-size: 1.5rem } 
}
h2, .h2{ font-size: 1.5rem }
@media (max-width: 40em) {
    h2, .h2 { font-size: 1.25rem } 
}
h3, .h3{ font-size: 1.1rem }
h4, .h4{ font-size: 1rem }
h5, .h5{ font-size: .9rem }
h6, .h6{ font-size: .8rem }

.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none, .text-decoration-none:hover{ text-decoration:none }


.bold{ font-weight: 700 }
.semi-bold{ font-weight: 600 }
.regular{ font-weight: 400 }
.italic{ font-style:italic }
.uppercase{ text-transform: uppercase }
.caps{ text-transform:uppercase; letter-spacing: .2em; }

.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }

@media (min-width: 40rem) {
    .sm-left-align   { text-align: left }
    .sm-center       { text-align: center }
    .sm-right-align  { text-align: right }
    .sm-justify      { text-align: justify }
}

@media (min-width: 52rem) {
    .md-left-align   { text-align: left }
    .md-center       { text-align: center }
    .md-right-align  { text-align: right }
    .md-justify      { text-align: justify }
}

@media (min-width: 64rem) {
    .lg-left-align   { text-align: left }
    .lg-center       { text-align: center }
    .lg-right-align  { text-align: right }
    .lg-justify      { text-align: justify }
}

.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }

.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.25 }
.line-height-3{ line-height: 1.5 }
.line-height-4{ line-height: 1.75 }

.list-style-none{ list-style:none }
.underline{ text-decoration:underline }

.truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.list-reset{
    list-style:none;
    padding-left:0;
}

.list-inline {
    letter-spacing: -.31em;
}
.list-inline li {
    letter-spacing: normal;
    display: inline-block;
}

.display-none{ display:none }
.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table; border-spacing: 0 }
.table-cell{ display:table-cell }

.overflow-hidden{ overflow:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-auto{ overflow:auto }

.clearfix:before,
.clearfix:after{
    content:" ";
    display:table
}
.clearfix:after{ clear:both }

.left{ float:left }
.right{ float:right }

@media (min-width: 40em) {
    .sm-inline       { display: inline }
    .sm-block        { display: block }
    .sm-inline-block { display: inline-block }
    .sm-table        { display: table }
    .sm-table-cell   { display: table-cell }

    .sm-overflow-hidden { overflow: hidden }
    .sm-overflow-scroll { overflow: scroll }
    .sm-overflow-auto   { overflow: auto }

    .sm-left  { float: left }
    .sm-right { float: right }
}

@media (min-width: 52em) {
    .md-inline       { display: inline }
    .md-block        { display: block }
    .md-inline-block { display: inline-block }
    .md-table        { display: table }
    .md-table-cell   { display: table-cell }

    .md-overflow-hidden { overflow: hidden }
    .md-overflow-scroll { overflow: scroll }
    .md-overflow-auto   { overflow: auto }

    .md-left  { float: left }
    .md-right { float: right }
}

@media (min-width: 64em) {
    .lg-inline       { display: inline }
    .lg-block        { display: block }
    .lg-inline-block { display: inline-block }
    .lg-table        { display: table }
    .lg-table-cell   { display: table-cell }

    .lg-overflow-hidden { overflow: hidden }
    .lg-overflow-scroll { overflow: scroll }
    .lg-overflow-auto   { overflow: auto }

    .lg-left  { float: left }
    .lg-right { float: right }
}

.fit{ max-width:100% }

.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }

.border-box{ box-sizing:border-box }
.content-box{ box-sizing:content-box }

.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }
.align-text-top{ vertical-align:text-top }
.align-text-bottom{ vertical-align:text-bottom }

.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }

.m0{ margin:0 }
.mt0{ margin-top:0 }
.mr0{ margin-right:0 }
.mb0{ margin-bottom:0 }
.ml0{ margin-left:0 }
.mx0{ margin-left:0; margin-right:0 }
.my0{ margin-top:0; margin-bottom:0 }

.m1{ margin: .5rem }
.mt1{ margin-top: .5rem }
.mr1{ margin-right: .5rem }
.mb1{ margin-bottom: .5rem }
.ml1{ margin-left: .5rem }
.mx1{ margin-left: .5rem; margin-right: .5rem }
.my1{ margin-top: .5rem; margin-bottom: .5rem }

.m2{ margin: 1rem }
.mt2{ margin-top: 1rem }
.mr2{ margin-right: 1rem }
.mb2{ margin-bottom: 1rem }
.ml2{ margin-left: 1rem }
.mx2{ margin-left: 1rem; margin-right: 1rem }
.my2{ margin-top: 1rem; margin-bottom: 1rem }

.m3{ margin: 2rem }
.mt3{ margin-top: 2rem }
.mr3{ margin-right: 2rem }
.mb3{ margin-bottom: 2rem }
.ml3{ margin-left: 2rem }
.mx3{ margin-left: 2rem; margin-right: 2rem }
.my3{ margin-top: 2rem; margin-bottom: 2rem }

.m4{ margin: 4rem }
.mt4{ margin-top: 4rem }
.mr4{ margin-right: 4rem }
.mb4{ margin-bottom: 4rem }
.ml4{ margin-left: 4rem }
.mx4{ margin-left: 4rem; margin-right: 4rem }
.my4{ margin-top: 4rem; margin-bottom: 4rem }

.ml-auto{ margin-left:auto }
.mr-auto{ margin-right:auto }
.mx-auto{ margin-left:auto; margin-right:auto; }


/* Basscss Responsive Margin */

@media (min-width: 40em) {

    .sm-mxn1 { margin-left:        -.5rem; margin-right:        -.5rem }
    .sm-mxn2 { margin-left:        -1rem; margin-right:        -1rem }
    .sm-mxn3 { margin-left:        -2rem; margin-right:        -2rem }
    .sm-mxn4 { margin-left:        -4rem; margin-right:        -4rem }

    .sm-m0  { margin:        0 }
    .sm-mt0 { margin-top:    0 }
    .sm-mr0 { margin-right:  0 }
    .sm-mb0 { margin-bottom: 0 }
    .sm-ml0 { margin-left:   0 }
    .sm-mx0 { margin-left:   0; margin-right:  0 }
    .sm-my0 { margin-top:    0; margin-bottom: 0 }

    .sm-m1  { margin:        .5rem }
    .sm-mt1 { margin-top:        .5rem }
    .sm-mr1 { margin-right:        .5rem }
    .sm-mb1 { margin-bottom:        .5rem }
    .sm-ml1 { margin-left:        .5rem }
    .sm-mx1 { margin-left:        .5rem; margin-right:        .5rem }
    .sm-my1 { margin-top:        .5rem; margin-bottom:        .5rem }

    .sm-m2  { margin:        1rem }
    .sm-mt2 { margin-top:        1rem }
    .sm-mr2 { margin-right:        1rem }
    .sm-mb2 { margin-bottom:        1rem }
    .sm-ml2 { margin-left:        1rem }
    .sm-mx2 { margin-left:        1rem; margin-right:        1rem }
    .sm-my2 { margin-top:        1rem; margin-bottom:        1rem }

    .sm-m3  { margin:        2rem }
    .sm-mt3 { margin-top:        2rem }
    .sm-mr3 { margin-right:        2rem }
    .sm-mb3 { margin-bottom:        2rem }
    .sm-ml3 { margin-left:        2rem }
    .sm-mx3 { margin-left:        2rem; margin-right:        2rem }
    .sm-my3 { margin-top:        2rem; margin-bottom:        2rem }

    .sm-m4  { margin:        4rem }
    .sm-mt4 { margin-top:        4rem }
    .sm-mr4 { margin-right:        4rem }
    .sm-mb4 { margin-bottom:        4rem }
    .sm-ml4 { margin-left:        4rem }
    .sm-mx4 { margin-left:        4rem; margin-right:        4rem }
    .sm-my4 { margin-top:        4rem; margin-bottom:        4rem }

    .sm-ml-auto { margin-left:  auto }
    .sm-mr-auto { margin-right: auto }
    .sm-mx-auto { margin-left:  auto; margin-right: auto }

}

@media (min-width: 52em) {

    .md-mxn1 { margin-left:        -.5rem; margin-right:        -.5rem; }
    .md-mxn2 { margin-left:        -1rem; margin-right:        -1rem; }
    .md-mxn3 { margin-left:        -2rem; margin-right:        -2rem; }
    .md-mxn4 { margin-left:        -4rem; margin-right:        -4rem; }

    .md-m0  { margin:        0 }
    .md-mt0 { margin-top:    0 }
    .md-mr0 { margin-right:  0 }
    .md-mb0 { margin-bottom: 0 }
    .md-ml0 { margin-left:   0 }
    .md-mx0 { margin-left:   0; margin-right:  0 }
    .md-my0 { margin-top:    0; margin-bottom: 0 }

    .md-m1  { margin:        .5rem }
    .md-mt1 { margin-top:        .5rem }
    .md-mr1 { margin-right:        .5rem }
    .md-mb1 { margin-bottom:        .5rem }
    .md-ml1 { margin-left:        .5rem }
    .md-mx1 { margin-left:        .5rem; margin-right:        .5rem }
    .md-my1 { margin-top:        .5rem; margin-bottom:        .5rem }

    .md-m2  { margin:        1rem }
    .md-mt2 { margin-top:        1rem }
    .md-mr2 { margin-right:        1rem }
    .md-mb2 { margin-bottom:        1rem }
    .md-ml2 { margin-left:        1rem }
    .md-mx2 { margin-left:        1rem; margin-right:        1rem }
    .md-my2 { margin-top:        1rem; margin-bottom:        1rem }

    .md-m3  { margin:        2rem }
    .md-mt3 { margin-top:        2rem }
    .md-mr3 { margin-right:        2rem }
    .md-mb3 { margin-bottom:        2rem }
    .md-ml3 { margin-left:        2rem }
    .md-mx3 { margin-left:        2rem; margin-right:        2rem }
    .md-my3 { margin-top:        2rem; margin-bottom:        2rem }

    .md-m4  { margin:        4rem }
    .md-mt4 { margin-top:        4rem }
    .md-mr4 { margin-right:        4rem }
    .md-mb4 { margin-bottom:        4rem }
    .md-ml4 { margin-left:        4rem }
    .md-mx4 { margin-left:        4rem; margin-right:        4rem }
    .md-my4 { margin-top:        4rem; margin-bottom:        4rem }

    .md-ml-auto { margin-left:  auto }
    .md-mr-auto { margin-right: auto }
    .md-mx-auto { margin-left: auto; margin-right: auto; }

}

@media (min-width: 64em) {

    .lg-mxn1 { margin-left:        -.5rem; margin-right:        -.5rem; }
    .lg-mxn2 { margin-left:        -1rem; margin-right:        -1rem; }
    .lg-mxn3 { margin-left:        -2rem; margin-right:        -2rem; }
    .lg-mxn4 { margin-left:        -4rem; margin-right:        -4rem; }

    .lg-m0  { margin:        0 }
    .lg-mt0 { margin-top:    0 }
    .lg-mr0 { margin-right:  0 }
    .lg-mb0 { margin-bottom: 0 }
    .lg-ml0 { margin-left:   0 }
    .lg-mx0 { margin-left:   0; margin-right:  0 }
    .lg-my0 { margin-top:    0; margin-bottom: 0 }

    .lg-m1  { margin:        .5rem }
    .lg-mt1 { margin-top:        .5rem }
    .lg-mr1 { margin-right:        .5rem }
    .lg-mb1 { margin-bottom:        .5rem }
    .lg-ml1 { margin-left:        .5rem }
    .lg-mx1 { margin-left:        .5rem; margin-right:        .5rem }
    .lg-my1 { margin-top:        .5rem; margin-bottom:        .5rem }

    .lg-m2  { margin:        1rem }
    .lg-mt2 { margin-top:        1rem }
    .lg-mr2 { margin-right:        1rem }
    .lg-mb2 { margin-bottom:        1rem }
    .lg-ml2 { margin-left:        1rem }
    .lg-mx2 { margin-left:        1rem; margin-right:        1rem }
    .lg-my2 { margin-top:        1rem; margin-bottom:        1rem }

    .lg-m3  { margin:        2rem }
    .lg-mt3 { margin-top:        2rem }
    .lg-mr3 { margin-right:        2rem }
    .lg-mb3 { margin-bottom:        2rem }
    .lg-ml3 { margin-left:        2rem }
    .lg-mx3 { margin-left:        2rem; margin-right:        2rem }
    .lg-my3 { margin-top:        2rem; margin-bottom:        2rem }

    .lg-m4  { margin:        4rem }
    .lg-mt4 { margin-top:        4rem }
    .lg-mr4 { margin-right:        4rem }
    .lg-mb4 { margin-bottom:        4rem }
    .lg-ml4 { margin-left:        4rem }
    .lg-mx4 { margin-left:        4rem; margin-right:        4rem }
    .lg-my4 { margin-top:        4rem; margin-bottom:        4rem }

    .lg-ml-auto { margin-left:  auto }
    .lg-mr-auto { margin-right: auto }
    .lg-mx-auto { margin-left: auto; margin-right: auto; }

}
/* End Basscss Responsive Margin */

.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0;  padding-bottom:0 }

.p1{ padding: .5rem }
.pt1{ padding-top: .5rem }
.pr1{ padding-right: .5rem }
.pb1{ padding-bottom: .5rem }
.pl1{ padding-left: .5rem }
.py1{ padding-top: .5rem; padding-bottom: .5rem }
.px1{ padding-left: .5rem; padding-right: .5rem }

.p2{ padding: 1rem }
.pt2{ padding-top: 1rem }
.pr2{ padding-right: 1rem }
.pb2{ padding-bottom: 1rem }
.pl2{ padding-left: 1rem }
.py2{ padding-top: 1rem; padding-bottom: 1rem }
.px2{ padding-left: 1rem; padding-right: 1rem }

.p3{ padding: 2rem }
.pt3{ padding-top: 2rem }
.pr3{ padding-right: 2rem }
.pb3{ padding-bottom: 2rem }
.pl3{ padding-left: 2rem }
.py3{ padding-top: 2rem; padding-bottom: 2rem }
.px3{ padding-left: 2rem; padding-right: 2rem }

.p4{ padding: 4rem }
.pt4{ padding-top: 4rem }
.pr4{ padding-right: 4rem }
.pb4{ padding-bottom: 4rem }
.pl4{ padding-left: 4rem }
.py4{ padding-top: 4rem; padding-bottom: 4rem }
.px4{ padding-left: 4rem; padding-right: 4rem }


/* Basscss Responsive Padding */

@media (min-width: 40em) {

    .sm-p0  { padding:        0 }
    .sm-pt0 { padding-top:    0 }
    .sm-pr0 { padding-right:  0 }
    .sm-pb0 { padding-bottom: 0 }
    .sm-pl0 { padding-left:   0 }
    .sm-px0 { padding-left:   0; padding-right:  0 }
    .sm-py0 { padding-top:    0; padding-bottom: 0 }

    .sm-p1  { padding:        .5rem }
    .sm-pt1 { padding-top:        .5rem }
    .sm-pr1 { padding-right:        .5rem }
    .sm-pb1 { padding-bottom:        .5rem }
    .sm-pl1 { padding-left:        .5rem }
    .sm-px1 { padding-left:        .5rem; padding-right:        .5rem }
    .sm-py1 { padding-top:        .5rem; padding-bottom:        .5rem }

    .sm-p2  { padding:        1rem }
    .sm-pt2 { padding-top:        1rem }
    .sm-pr2 { padding-right:        1rem }
    .sm-pb2 { padding-bottom:        1rem }
    .sm-pl2 { padding-left:        1rem }
    .sm-px2 { padding-left:        1rem; padding-right:        1rem }
    .sm-py2 { padding-top:        1rem; padding-bottom:        1rem }

    .sm-p3  { padding:        2rem }
    .sm-pt3 { padding-top:        2rem }
    .sm-pr3 { padding-right:        2rem }
    .sm-pb3 { padding-bottom:        2rem }
    .sm-pl3 { padding-left:        2rem }
    .sm-px3 { padding-left:        2rem; padding-right:        2rem }
    .sm-py3 { padding-top:        2rem; padding-bottom:        2rem }

    .sm-p4  { padding:        4rem }
    .sm-pt4 { padding-top:        4rem }
    .sm-pr4 { padding-right:        4rem }
    .sm-pb4 { padding-bottom:        4rem }
    .sm-pl4 { padding-left:        4rem }
    .sm-px4 { padding-left:        4rem; padding-right:        4rem }
    .sm-py4 { padding-top:        4rem; padding-bottom:        4rem }

}

@media (min-width: 52em) {

    .md-p0  { padding:        0 }
    .md-pt0 { padding-top:    0 }
    .md-pr0 { padding-right:  0 }
    .md-pb0 { padding-bottom: 0 }
    .md-pl0 { padding-left:   0 }
    .md-px0 { padding-left:   0; padding-right:  0 }
    .md-py0 { padding-top:    0; padding-bottom: 0 }

    .md-p1  { padding:        .5rem }
    .md-pt1 { padding-top:        .5rem }
    .md-pr1 { padding-right:        .5rem }
    .md-pb1 { padding-bottom:        .5rem }
    .md-pl1 { padding-left:        .5rem }
    .md-px1 { padding-left:        .5rem; padding-right:        .5rem }
    .md-py1 { padding-top:        .5rem; padding-bottom:        .5rem }

    .md-p2  { padding:        1rem }
    .md-pt2 { padding-top:        1rem }
    .md-pr2 { padding-right:        1rem }
    .md-pb2 { padding-bottom:        1rem }
    .md-pl2 { padding-left:        1rem }
    .md-px2 { padding-left:        1rem; padding-right:        1rem }
    .md-py2 { padding-top:        1rem; padding-bottom:        1rem }

    .md-p3  { padding:        2rem }
    .md-pt3 { padding-top:        2rem }
    .md-pr3 { padding-right:        2rem }
    .md-pb3 { padding-bottom:        2rem }
    .md-pl3 { padding-left:        2rem }
    .md-px3 { padding-left:        2rem; padding-right:        2rem }
    .md-py3 { padding-top:        2rem; padding-bottom:        2rem }

    .md-p4  { padding:        4rem }
    .md-pt4 { padding-top:        4rem }
    .md-pr4 { padding-right:        4rem }
    .md-pb4 { padding-bottom:        4rem }
    .md-pl4 { padding-left:        4rem }
    .md-px4 { padding-left:        4rem; padding-right:        4rem }
    .md-py4 { padding-top:        4rem; padding-bottom:        4rem }

}

@media (min-width: 64em) {

    .lg-p0  { padding:        0 }
    .lg-pt0 { padding-top:    0 }
    .lg-pr0 { padding-right:  0 }
    .lg-pb0 { padding-bottom: 0 }
    .lg-pl0 { padding-left:   0 }
    .lg-px0 { padding-left:   0; padding-right:  0 }
    .lg-py0 { padding-top:    0; padding-bottom: 0 }

    .lg-p1  { padding:        .5rem }
    .lg-pt1 { padding-top:        .5rem }
    .lg-pr1 { padding-right:        .5rem }
    .lg-pb1 { padding-bottom:        .5rem }
    .lg-pl1 { padding-left:        .5rem }
    .lg-px1 { padding-left:        .5rem; padding-right:        .5rem }
    .lg-py1 { padding-top:        .5rem; padding-bottom:        .5rem }

    .lg-p2  { padding:        1rem }
    .lg-pt2 { padding-top:        1rem }
    .lg-pr2 { padding-right:        1rem }
    .lg-pb2 { padding-bottom:        1rem }
    .lg-pl2 { padding-left:        1rem }
    .lg-px2 { padding-left:        1rem; padding-right:        1rem }
    .lg-py2 { padding-top:        1rem; padding-bottom:        1rem }

    .lg-p3  { padding:        2rem }
    .lg-pt3 { padding-top:        2rem }
    .lg-pr3 { padding-right:        2rem }
    .lg-pb3 { padding-bottom:        2rem }
    .lg-pl3 { padding-left:        2rem }
    .lg-px3 { padding-left:        2rem; padding-right:        2rem }
    .lg-py3 { padding-top:        2rem; padding-bottom:        2rem }

    .lg-p4  { padding:        4rem }
    .lg-pt4 { padding-top:        4rem }
    .lg-pr4 { padding-right:        4rem }
    .lg-pb4 { padding-bottom:        4rem }
    .lg-pl4 { padding-left:        4rem }
    .lg-px4 { padding-left:        4rem; padding-right:        4rem }
    .lg-py4 { padding-top:        4rem; padding-bottom:        4rem }

}

/* End Basscss Responsive Padding */


.col{
    float:left;
    box-sizing:border-box;
}

.col-right{
    float:right;
    box-sizing:border-box;
}

.col-1{
    width:8.33333%;
}

.col-2{
    width:16.66667%;
}

.col-3{
    width:25%;
}

.col-4{
    width:33.33333%;
}

.col-5{
    width:41.66667%;
}

.col-6{
    width:50%;
}

.col-7{
    width:58.33333%;
}

.col-8{
    width:66.66667%;
}

.col-9{
    width:75%;
}

.col-10{
    width:83.33333%;
}

.col-11{
    width:91.66667%;
}

.col-12{
    width:100%;
}

.col-auto {
    width: auto;
}

@media (min-width: 40em){

    .sm-col{
        float:left;
        box-sizing:border-box;
    }

    .sm-col-right{
        float:right;
        box-sizing:border-box;
    }

    .sm-col-1{
        width:8.33333%;
    }

    .sm-col-2{
        width:16.66667%;
    }

    .sm-col-3{
        width:25%;
    }

    .sm-col-4{
        width:33.33333%;
    }

    .sm-col-5{
        width:41.66667%;
    }

    .sm-col-6{
        width:50%;
    }

    .sm-col-7{
        width:58.33333%;
    }

    .sm-col-8{
        width:66.66667%;
    }

    .sm-col-9{
        width:75%;
    }

    .sm-col-10{
        width:83.33333%;
    }

    .sm-col-11{
        width:91.66667%;
    }

    .sm-col-12{
        width:100%;
    }

    .sm-col-auto {
        width: auto;
    }

}
@media (min-width: 52em){

    .md-col{
        float:left;
        box-sizing:border-box;
    }

    .md-col-right{
        float:right;
        box-sizing:border-box;
    }

    .md-col-1{
        width:8.33333%;
    }

    .md-col-2{
        width:16.66667%;
    }

    .md-col-3{
        width:25%;
    }

    .md-col-4{
        width:33.33333%;
    }

    .md-col-5{
        width:41.66667%;
    }

    .md-col-6{
        width:50%;
    }

    .md-col-7{
        width:58.33333%;
    }

    .md-col-8{
        width:66.66667%;
    }

    .md-col-9{
        width:75%;
    }

    .md-col-10{
        width:83.33333%;
    }

    .md-col-11{
        width:91.66667%;
    }

    .md-col-12{
        width:100%;
    }

    .md-col-auto {
        width: auto;
    }

}
@media (min-width: 64em){

    .lg-col{
        float:left;
        box-sizing:border-box;
    }

    .lg-col-right{
        float:right;
        box-sizing:border-box;
    }

    .lg-col-1{
        width:8.33333%;
    }

    .lg-col-2{
        width:16.66667%;
    }

    .lg-col-3{
        width:25%;
    }

    .lg-col-4{
        width:33.33333%;
    }

    .lg-col-5{
        width:41.66667%;
    }

    .lg-col-6{
        width:50%;
    }

    .lg-col-7{
        width:58.33333%;
    }

    .lg-col-8{
        width:66.66667%;
    }

    .lg-col-9{
        width:75%;
    }

    .lg-col-10{
        width:83.33333%;
    }

    .lg-col-11{
        width:91.66667%;
    }

    .lg-col-12{
        width:100%;
    }

    .lg-col-auto {
        width: auto;
    }

}
.flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

@media (min-width: 40em){
    .sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
    .md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
    .lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
}
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }

.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }

.top-0{ top:0 }
.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }

@media (min-width: 40em) {
    .sm-relative { position: relative }
    .sm-absolute { position: absolute }
    .sm-fixed    { position: fixed }

    .sm-top-0    { top: 0 }
    .sm-right-0  { right: 0 }
    .sm-bottom-0 { bottom: 0 }
    .sm-left-0   { left: 0 }
}

@media (min-width: 52em) {
    .md-relative { position: relative }
    .md-absolute { position: absolute }
    .md-fixed    { position: fixed }

    .md-top-0    { top: 0 }
    .md-right-0  { right: 0 }
    .md-bottom-0 { bottom: 0 }
    .md-left-0   { left: 0 }
}

@media (min-width: 64em) {
    .lg-relative { position: relative }
    .lg-absolute { position: absolute }
    .lg-fixed    { position: fixed }

    .lg-top-0    { top: 0 }
    .lg-right-0  { right: 0 }
    .lg-bottom-0 { bottom: 0 }
    .lg-left-0   { left: 0 }
}

.z1{ z-index: 1 }
.z2{ z-index: 2 }
.z3{ z-index: 3 }
.z4{ z-index: 4 }
.z100 { z-index: 100 }
.z101 { z-index: 101 }
.z102 { z-index: 102 }
.z103 { z-index: 103 }

.border{
    border-style:solid;
    border-width: 1px;
}

.border-top{
    border-top-style:solid;
    border-top-width: 1px;
}

.border-right{
    border-right-style:solid;
    border-right-width: 1px;
}

.border-bottom{
    border-bottom-style:solid;
    border-bottom-width: 1px;
}

.border-left{
    border-left-style:solid;
    border-left-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-4 {
    border-width: 4px;
}

hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid currentColor;
    margin-top: 0;
    margin-bottom: 0;
}

hr.small {
    max-width: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    border-width: 2px;
}

.border-none{ border:0 }

.rounded{ border-radius: 4px }
.circle{ border-radius:50% }

.rounded-top{ border-radius: 3px 3px 0 0 }
.rounded-right{ border-radius: 0 3px 3px 0 }
.rounded-bottom{ border-radius: 0 0 3px 3px }
.rounded-left{ border-radius: 3px 0 0 3px }

.not-rounded{ border-radius:0 }

.hide{
    position:absolute !important;
    height:1px !important;
    width:1px !important;
    overflow:hidden;
    clip:rect(1px, 1px, 1px, 1px);
}

/* End Basscss core */


/* Basscss Responsive Show / Hide */

.lg-show,
.md-show,
.sm-show,
.lg-show-inline, 
.md-show-inline,
.sm-show-inline {
    display: none!important
}

@media (min-width:40em) {
    .sm-show {
        display: block!important
    }

    .sm-show-inline {
        display: inline-block!important
    }
}

@media (min-width:52em) {
    .md-show {
        display: block!important
    }

    .md-show-inline {
        display: inline-block!important
    }
}

@media (min-width:64em) {
    .lg-show {
        display: block!important
    }

    .lg-show-inline {
        display: inline-block!important
    }
}

@media (min-width:40em) {
    .sm-hide {
        display: none!important
    }
}

@media (min-width:52em) {
    .md-hide {
        display: none!important
    }
}

@media (min-width:64em) {
    .lg-hide {
        display: none!important
    }
}

/* End Basscss Responsive Show / Hide */




/* Forms */

.wpcf7 br { display: none; }

input[type="button"], input[type="submit"], button  {
    font-size: inherit;
    font-family: inherit;
}

label {
    display: block;
    margin-bottom: .5rem;
}

.input, .select, textarea {
    font-family: inherit;
    font-size: inherit;
    display: block;
    height: 3rem;
    padding: .5rem 0 .5rem .5rem;
    border: 1px solid #b6a590;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
    max-width: 100%;
}

textarea {
    width: 100%;
    padding: .5rem;
    height: 6rem;
}

.input:focus,
.select:focus,
textarea:focus {
    border-color: #999;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}

.input:disabled,
.select:disabled,
textarea:disabled {
    opacity: .5;
}

input[type="password"].input {
    font: large Verdana,sans-serif;
    letter-spacing: 1px;
}

/* End Forms */



/* Basscss Btn */

.btn {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    padding: .75rem 1.75rem;
    text-align: center;
    height: 2.75rem;
    border: 1px solid transparent;
    vertical-align: middle;
    -webkit-appearance: none;
    color: inherit;
    background-color: transparent;
    box-sizing: border-box;
}

.btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: none;
    border-color: rgba(0, 0, 0, .125);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .25);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Basscss Btn Primary */

.btn-primary {
    color: #fff;
    background-color: #d55431;
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

.btn-primary:hover {
    color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-primary:active {
    -webkit-box-shadow: none;
    box-shadow: none;
	opacity: .85;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-primary:disabled,
.btn-primary.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default;
}


/* Basscss Btn Outline */

.btn-outline {
    border-color: currentColor;
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

.btn-outline:hover {
    border-color: currentColor;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn-outline:active {
	opacity .85
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-outline:disabled,
.btn-outline.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default;
}


.btn-big {
    padding: 1rem 1.75rem;
    height: 3.25rem;
    line-height: 1;
}

.btn-small {
    padding: .5rem 1rem;
    height: 2.5rem;
    line-height: 1.5;
}

.btn-wide {
    padding-left: 3rem;
    padding-right: 3rem;
}


@media (max-width: 40em) {
    .btn-mobile {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}


/* End Basscss Btn */



/* Basscss Background Images */

.bg-cover   { background-size: cover }
.bg-contain { background-size: contain }

.bg-center  { background-position: center }
.bg-top     { background-position: top }
.bg-right   { background-position: right }
.bg-bottom  { background-position: bottom }
.bg-left    { background-position: left }

.bg-no-repeat { background-repeat: no-repeat }
.bg-repeat-x { background-repeat: repeat-x }
.bg-repeat-y { background-repeat: repeat-y }

/* End Basscss Background Images */



/* Colors */

.white          { color: #fff }
.pure-black     { color: #000 }
.black          { color: #2c231f }
.gray           { color: #7b7b7b }
.light-gray     { color: #aaa }
.orange         { color: #d58b2a }
.red            { color: #d55431 }

.bg-white           { background-color: #fff }
.bg-pure-black      { background-color: #000 }
.bg-black           { background-color: #151515 }
.bg-cream           { background-color: #f3ede7 }
.bg-beige           { background-color: #eadecf }

.bg-orange          { background-color: #d58b2a }
.bg-red             { background-color: #d55431 }
.bg-cyan            { background-color: #3cb3a4 }
.bg-pink            { background-color: #d80371 }
.bg-blue            { background-color: #148cb3 }
.bg-green           { background-color: #2f9961 }

.border-white       { border-color: #fff }
.border-black       { border-color: #2c231f }
.border-dark-gray   { border-color: #292929 }
.black .border-dark-gray { border-color: #e2d3c1 }
.border-gray        { border-color: #464646 }
.black .border-gray { border-color: #d4c7b7 }
.border-light-gray  { border-color: #aaa }
.border-beige       { border-color: #d1c3b1 }
.border-orange      { border-color: #8bc2ff }
.border-red         { border-color: #d55431 }

.fill-white         { fill: #fff }
.fill-black         { fill: #2c231f }
.fill-gray          { fill: #7b7b7b }
.fill-orange        { fill: #8bc2ff }
.fill-red           { fill: #d55431 }


/* Global */

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    font-family: 'Assistant', sans-serif;
    line-height: 1.4; 
    color: #473a34;
    background-color: #f3ede7;
    overflow-x: hidden;
}

@media (min-width: 1024px) {
    html {
        font-size: 18px;
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 20px;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1.75rem;
}

a {
    color: #2c231f;
    text-decoration: underline;
    transition: color 200ms;
}

a:hover {
    color: #d55431;
    text-decoration: underline;
}

::-moz-selection {
    color: #151515;
    background: #d5c6b3;
}

::selection {
    color: #151515; 
    background: #d5c6b3;
}


header, main, section {
    display: block;
}

.opac-0 { opacity: 0 }
.opac-25 {  opacity: .25 }
.opac-50 {  opacity: .5 }
.opac-75 {  opacity: .75 }
.opac-100 { opacity: 1 }

.pointer { cursor: pointer }


/* Custom Typography */

.sans {
    font-family: 'Assistant', sans-serif;
}

.header {
    font-family: 'Oswald', sans-serif;
}

.script {
    font-family: 'Handlee', cursive;
}


.huge {
    font-size: 2rem;
    line-height: .875;
}
@media (min-width: 52em) {
    .huge {
        font-size: 2.75rem;
    }
}

.letter-spacing-25 {    letter-spacing: 0.025em }
.letter-spacing-50 {    letter-spacing: 0.05em }
.letter-spacing-100 {   letter-spacing: 0.1em }

.ornament-me::before {
    content: '\00b7';
    color: #d58b2a;
    padding-right: .75rem;
}
.ornament-me::after {
    content: '\00b7';
    color: #d58b2a;
    padding-left: .75rem;
}

/* End Custom Typography */



/* Containers */

.container {
    width: 100%;
    box-sizing: border-box;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto
}

.text-container {
    max-width: 33rem;
}

.small-container {
    max-width: 28rem;
}

.large-container {
    max-width: 64rem;
}

/* End Containers */



/* Icons */

.icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.icon-small {
    width: 1rem;
    height: 1rem;
}

.icon-big {
    width: 2rem;
    height: 2rem;
}

.icon-mr1 {
    margin-right: .25rem
}

.logo {
    width: 9rem;
}

@media (min-width: 40rem) {
    .logo {
        width: 11.5rem;
    }
}

.footer-logo {
    width: 8rem;
}


/* End Icons */


/* Responsive Cover Images */

.cover-img-parent {
    max-height: 100%;
    overflow: hidden;
    position: relative;
}

.cover-img-parent img {
    position: relative;
    height: auto;
    left: 50%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.cover-img-parent img.small {
    max-width: 150%;
}


/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
    .cover-img-parent img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        max-width: 200%;
    }
}


/* Lazyload with lazysizes */

.no-js img.lazyload {
    display: none;
}

.js .fade-in {
    opacity: 0;
}


.fade-in.lazyloaded {
    -webkit-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.33,0,.2,1);
    animation-timing-function: cubic-bezier(.33,0,.2,1);
}

@-webkit-keyframes fadein {
    from { 
        opacity: 0; 
    }
    to {
        opacity: 1; 
    }
} 

@keyframes fadein {
    from { 
        opacity: 0; 
    }
    to {
        opacity: 1; 
    }
}

.slide-in-left.lazyloaded,
.slide-in-right.lazyloaded,
.slide-in-up.lazyloaded {
    -webkit-animation-name: slideinleft;
    animation-name: slideinleft;
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.33,0,.2,1);
    animation-timing-function: cubic-bezier(.33,0,.2,1);
}

.slide-in-right.lazyloaded {
    -webkit-animation-name: slideinright;
    animation-name: slideinright;
}

.slide-in-up.lazyloaded {
    -webkit-animation-name: slideinup;
    animation-name: slideinup;
}


@-webkit-keyframes slideinleft {
    from { 
        -webkit-transform: translateX(-2rem);
    }
    to {
        -webkit-transform: translateX(0);
    }
} 

@keyframes slideinleft {
    from { 
        transform: translateX(-2rem);
    }
    to {
        transform: translateX(0);
    }
}


@-webkit-keyframes slideinright {
    from { 
        -webkit-transform: translateX(2rem);
    }
    to {
        -webkit-transform: translateX(0);
    }
} 

@keyframes slideinright {
    from { 
        transform: translateX(2rem);
    }
    to {
        transform: translateX(0);
    }
}


@-webkit-keyframes slideinup {
    from { 
        -webkit-transform: translateY(2rem);
        opacity: 0; 
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1; 
    }
} 

@keyframes slideinup {
    from { 
        transform: translateY(2rem);
        opacity: 0; 
    }
    to {
        transform: translateY(0);
        opacity: 1; 
    }
}


.delay-1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.delay-2 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.delay-3 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

/* End Responsive Cover Images */



/* Links & Hovers */

.black-link:hover {
    color: #2c231f;
}

.white-link:hover {
    color: #fff;
}

.box-link {
    -webkit-transition: -webkit-box-shadow 100ms ease-out;
    transition: box-shadow 100ms ease-out;
}

.box-link:hover {
    -webkit-box-shadow: inset 0 0 0 20em rgba(0,0,0,.2);
    box-shadow: inset 0 0 0 20em rgba(0,0,0,.2);
}

.image-hover {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(.87,.21,.23,.79);
    transition: transform 200ms cubic-bezier(.87,.21,.23,.79);
}

.image-hover:hover {
    -webkit-transform: scale(1.0375);
    transform: scale(1.0375);
}

/* End Links & Hovers */



/* Heights */

.vh100 { min-height: 100vh }

@media ( min-width: 52em ) {
    .md-vh100 { min-height: 100vh }
}

.full-height { height: 100% }

.h-5    { height: 5rem; }
.h-10   { height: 10rem; }
.h-13   { height: 13rem; }
.h-15   { height: 15rem; }
.h-20   { height: 20rem; }
.h-25   { height: 25rem; }
.h-30   { height: 30rem; }
.h-35   { height: 35rem; }
.h-40   { height: 40rem; }
.h-50   { height: 50rem; }

@media (min-width: 40em) {
    .sm-h-10   { height: 10rem; }
    .sm-h-13   { height: 13rem; }
    .sm-h-15   { height: 15rem; }
    .sm-h-20   { height: 20rem; }
    .sm-h-25   { height: 25rem; }
    .sm-h-30   { height: 30rem; }
    .sm-h-35   { height: 35rem; }
    .sm-h-40   { height: 40rem; }
    .sm-h-50   { height: 50rem; }
}

@media (min-width: 52em) {
    .md-h-10   { height: 10rem; }
    .md-h-13   { height: 13rem; }
    .md-h-15   { height: 15rem; }
    .md-h-20   { height: 20rem; }
    .md-h-25   { height: 25rem; }
    .md-h-30   { height: 30rem; }
    .md-h-35   { height: 35rem; }
    .md-h-40   { height: 40rem; }
    .md-h-50   { height: 50rem; }
}

@media (min-width: 64em) {
    .lg-h-10   { height: 10rem; }
    .lg-h-13   { height: 13rem; }
    .lg-h-15   { height: 15rem; }
    .lg-h-20   { height: 20rem; }
    .lg-h-25   { height: 25rem; }
    .lg-h-30   { height: 30rem; }
    .lg-h-35   { height: 35rem; }
    .lg-h-40   { height: 40rem; }
    .lg-h-50   { height: 50rem; }
}

@media (min-width: 76em) {
    .xl-h-10   { height: 10rem; }
    .xl-h-13   { height: 13rem; }
    .xl-h-15   { height: 15rem; }
    .xl-h-20   { height: 20rem; }
    .xl-h-25   { height: 25rem; }
    .xl-h-30   { height: 30rem; }
    .xl-h-35   { height: 35rem; }
    .xl-h-40   { height: 40rem; }
    .xl-h-50   { height: 50rem; }
}

@media (min-width: 90em) {
    .xxl-h-10   { height: 10rem; }
    .xxl-h-13   { height: 13rem; }
    .xxl-h-15   { height: 15rem; }
    .xxl-h-20   { height: 20rem; }
    .xxl-h-25   { height: 25rem; }
    .xxl-h-30   { height: 30rem; }
    .xxl-h-35   { height: 35rem; }
    .xxl-h-40   { height: 40rem; }
    .xxl-h-50   { height: 50rem; }
}

.center-all {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 40em) {
    .sm-center-all {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 52em) {
    .md-center-all {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 64em) {
    .lg-center-all {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}


.center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 40em) {
    .mob-center-x {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* End Heights */



/* Main nav */

@media (min-width: 40em) {
    .primary-menu li::after,
    .secondary-menu li::after,
    .menu-menu li::after{
        content: '\00b7';
        display: inline-block;
    }

    .primary-menu li:last-child::after,
    .secondary-menu li:last-child::after,
    .menu-menu li:last-child::after{
        content: '';
        display: none;
    }
}

.primary-menu a,
.menu-menu a {
    text-decoration: none;
    letter-spacing: 0.1em;
    padding: .25rem 1rem;
    display: inline-block;
}

.secondary-menu a {
    text-decoration: none;
    letter-spacing: 0.05em;
    padding: .25rem .5rem;
    display: inline-block;
}
.home .secondary-menu a {
    padding: .5rem .5rem;
}

.primary-menu a:focus,
.secondary-menu a:focus,
.menu-menu a:focus {
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.primary-menu a:active,
.secondary-menu a:active,
.menu-menu a:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.menu-menu a:hover {
    color: #fff;
}

.primary-menu .current_page_item a,
.primary-menu .current_menu_item a,
.menu-menu a.active {
    color: #2c231f;
    border-bottom: 2px solid currentColor;
    padding: 0 0;
    margin: .5rem .75rem;
}

.menu-menu a.active {
    color: #fff;
}


.secondary-menu .current_page_item a,
.secondary-menu .current_menu_item a {
    color: #2c231f;
    border-bottom: 1px solid currentColor;
    padding: 0 0;
    margin: .5rem .75rem;
}



/* Mobile nav */
@media (max-width: 40em) {

    .menu-btn {
        top: 3rem;
    }
    .menu-btn.sticky {
        top: 0;
        position: fixed;
    }

    .menu-btn.active .inactive-icon,
    .menu-btn .active-icon {
        display: none;
    }
    .menu-btn.active .active-icon {
        display: inline-block;
    }

    .menu-btn.active {
        top: 0 !important;
    }


    .main-nav {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 101;
        width: 80vw;
        max-width: 20rem;
        height: 100%;
        background-color: #151515;
        text-align: left;
        display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
        -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center;
        -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;
    }

    .primary-menu {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    .secondary-menu {
        margin-top: 0;
        margin-bottom: 3rem;
    }

    .primary-menu li,
    .secondary-menu li {
        display: block;
    }

    .primary-menu a {
        color: #fff;
        padding: .5rem .5rem;
    }

    .secondary-menu a {
        color: #fff;
        font-size: 1.15rem;
        font-weight: 600;
        padding: .5rem .5rem;
    }

    .primary-menu .current_page_item a,
    .primary-menu .current_menu_item a {
        color: #fff;
        margin: .5rem .5rem;
    }

    .secondary-menu .current_page_item a,
    .secondary-menu .current_menu_item a {
        color: #fff;
        margin: .5rem .5rem;
    }
}
/* End Mobile nav */


/* Main nav */



/* Chalkboard */

.chalkboard {
    background: transparent url(images/chalkboard-bg.jpg) center repeat-y;
    background-size: 100% 100%;
    min-height: 20rem;
    max-width: 23rem;
    position: relative;
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
    padding: 1rem 1rem 1.5rem 2rem;
    color: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 6px 30px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 6px 30px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.5);
}

@media (max-width: 52rem) {
    .chalkboard {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 23rem) {
    .chalkboard {
        margin: 0 -1rem;
    }
}

@media (min-width: 52rem) {
    .chalkboard {
        padding: 1.5rem 1rem 3.5rem 2.5rem;
    }
}

.chalkboard::before,
.chalkboard::after {
    content: '';
    display: block;
    height: 1.5rem;
    left: 0;
    right: 0;
    position: absolute;
    background: transparent url(images/chalkboard-top.jpg) center no-repeat;
    background-size: 100% 100%;
}

.chalkboard::before {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.chalkboard::after {
    bottom: 0;
}


/* End Chalkboard */



/* Openingstijden */

.opening li {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

/* End Openingstijden */



/* Content */

@media (min-width: 52em) {
    .frame {
        margin-top: -20rem;
    }
}

@media (min-width: 64em) {
    .frame {
        margin-top: -25rem;
    }
}

/* Content */



/* Quotes */

.quote {
    position: relative;
}

.quote::before,
.quote::after {
    content: '';
    display: block;
    width: 1.5rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.quote::before {
    top: 0;
    border-top: 2px solid currentColor;
}

.quote::after {
    bottom: 0;
    border-bottom: 2px solid currentColor;
}
/* End Quotes */



#lean_overlay {
    position: fixed;
    z-index:104;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}



html {
    background-color: #111;
}

body {
    opacity: 1;
    transition: opacity 600ms ease-out;
}
body.fade-out {
    opacity: 0;
    transition: none;
}



.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}