@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300);
* , * :before, * :after {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup,
main, nav, section, summary, audio, canvas, video {
    display: block
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.center--vertically, .alert__close {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.block {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

@media screen and (min-width: 34.375em) {
    .block {
        padding-top: 2em
    }
}

@media screen and (min-width: 48em) {
    .block {
        padding-top: 3em
    }
}

@media screen and (min-width: 64em) {
    .block {
        padding-top: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .block {
        padding-top: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .block {
        padding-top: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .block {
        padding-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    .block {
        padding-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    .block {
        padding-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .block {
        padding-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .block {
        padding-bottom: 5em
    }
}

.block--bottom {
    padding-top: 1.5em;
    padding-bottom: 3em
}

@media screen and (min-width: 34.375em) {
    .block--bottom {
        padding-top: 2em
    }
}

@media screen and (min-width: 48em) {
    .block--bottom {
        padding-top: 3em
    }
}

@media screen and (min-width: 64em) {
    .block--bottom {
        padding-top: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .block--bottom {
        padding-top: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .block--bottom {
        padding-top: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .block--bottom {
        padding-bottom: 4em
    }
}

@media screen and (min-width: 48em) {
    .block--bottom {
        padding-bottom: 6em
    }
}

@media screen and (min-width: 64em) {
    .block--bottom {
        padding-bottom: 8em
    }
}

@media screen and (min-width: 78.5em) {
    .block--bottom {
        padding-bottom: 9em
    }
}

@media screen and (min-width: 100em) {
    .block--bottom {
        padding-bottom: 10em
    }
}

.container {
    zoom: 1;
    margin: 0 auto;
    max-width: 64rem;
    padding-right: 1.5em;
    padding-left: 1.5em
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .container {
        padding-right: 2em
    }
}

@media screen and (min-width: 48em) {
    .container {
        padding-right: 3em
    }
}

@media screen and (min-width: 64em) {
    .container {
        padding-right: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .container {
        padding-right: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .container {
        padding-right: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .container {
        padding-left: 2em
    }
}

@media screen and (min-width: 48em) {
    .container {
        padding-left: 3em
    }
}

@media screen and (min-width: 64em) {
    .container {
        padding-left: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .container {
        padding-left: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .container {
        padding-left: 5em
    }
}

.grid-wrap, .gw {
    zoom: 1;
    list-style-type: none
}

.grid-wrap:before, .grid-wrap:after, .gw:before, .gw:after {
    content: " ";
    display: table
}

.grid-wrap:after, .gw:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .grid-wrap, .gw {
        margin: 0 -1.5em
    }
}

.grid, .g {
    zoom: 1;
    min-height: 1em;
    position: relative;
    display: block;
    padding-bottom: 1.5em
}

.grid:before, .grid:after, .g:before, .g:after {
    content: " ";
    display: table
}

.grid:after, .g:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .grid, .g {
        padding: 0 1.5em 1.5em;
        float: left
    }
}

@media screen and (min-width: 34.375em) {
    .sm-tw {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .sm-t {
        display: table-cell;
        float: none;
        vertical-align: top
    }
}

@media screen and (min-width: 48em) {
    .md-tw {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .md-t {
        display: table-cell;
        float: none;
        vertical-align: top
    }
}

@media screen and (min-width: 64em) {
    .lg-tw {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .lg-t {
        display: table-cell;
        float: none;
        vertical-align: top
    }
}

@media screen and (min-width: 78.5em) {
    .xl-tw {
        display: table;
        width: 100%;
        border-collapse: collapse
    }

    .xl-t {
        display: table-cell;
        float: none;
        vertical-align: top
    }
}

@media screen and (min-width: 0) {
    .one-half {
        width: 50%
    }

    .one-third {
        width: 33.33333%
    }

    .two-thirds {
        width: 66.66667%
    }

    .one-fourth {
        width: 25%
    }

    .two-fourths {
        width: 50%
    }

    .three-fourths {
        width: 75%
    }

    .one-fifth {
        width: 20%
    }

    .two-fifths {
        width: 40%
    }

    .three-fifths {
        width: 60%
    }

    .four-fifths {
        width: 80%
    }

    .one-sixth {
        width: 16.66667%
    }

    .two-sixths {
        width: 33.33333%
    }

    .three-sixths {
        width: 50%
    }

    .four-sixths {
        width: 66.66667%
    }

    .five-sixths {
        width: 83.33333%
    }

    .one-seventh {
        width: 14.28571%
    }

    .two-sevenths {
        width: 28.57143%
    }

    .three-sevenths {
        width: 42.85714%
    }

    .four-sevenths {
        width: 57.14286%
    }

    .five-sevenths {
        width: 71.42857%
    }

    .six-sevenths {
        width: 85.71429%
    }

    .one-eighth {
        width: 12.5%
    }

    .two-eighths {
        width: 25%
    }

    .three-eighths {
        width: 37.5%
    }

    .four-eighths {
        width: 50%
    }

    .five-eighths {
        width: 62.5%
    }

    .six-eighths {
        width: 75%
    }

    .seven-eighths {
        width: 87.5%
    }

    .one-ninth {
        width: 11.11111%
    }

    .two-ninths {
        width: 22.22222%
    }

    .three-ninths {
        width: 33.33333%
    }

    .four-ninths {
        width: 44.44444%
    }

    .five-ninths {
        width: 55.55556%
    }

    .six-ninths {
        width: 66.66667%
    }

    .seven-ninths {
        width: 77.77778%
    }

    .eight-ninths {
        width: 88.88889%
    }

    .one-tenth {
        width: 10%
    }

    .two-tenths {
        width: 20%
    }

    .three-tenths {
        width: 30%
    }

    .four-tenths {
        width: 40%
    }

    .five-tenths {
        width: 50%
    }

    .six-tenths {
        width: 60%
    }

    .seven-tenths {
        width: 70%
    }

    .eight-tenths {
        width: 80%
    }

    .nine-tenths {
        width: 90%
    }

    .one-eleventh {
        width: 9.09091%
    }

    .two-elevenths {
        width: 18.18182%
    }

    .three-elevenths {
        width: 27.27273%
    }

    .four-elevenths {
        width: 36.36364%
    }

    .five-elevenths {
        width: 45.45455%
    }

    .six-elevenths {
        width: 54.54545%
    }

    .seven-elevenths {
        width: 63.63636%
    }

    .eight-elevenths {
        width: 72.72727%
    }

    .nine-elevenths {
        width: 81.81818%
    }

    .ten-elevenths {
        width: 90.90909%
    }

    .one-twelfth {
        width: 8.33333%
    }

    .two-twelfths {
        width: 16.66667%
    }

    .three-twelfths {
        width: 25%
    }

    .four-twelfths {
        width: 33.33333%
    }

    .five-twelfths {
        width: 41.66667%
    }

    .six-twelfths {
        width: 50%
    }

    .seven-twelfths {
        width: 58.33333%
    }

    .eight-twelfths {
        width: 66.66667%
    }

    .nine-twelfths {
        width: 75%
    }

    .ten-twelfths {
        width: 83.33333%
    }

    .eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 20em) {
    .xs-one-half {
        width: 50%
    }

    .xs-one-third {
        width: 33.33333%
    }

    .xs-two-thirds {
        width: 66.66667%
    }

    .xs-one-fourth {
        width: 25%
    }

    .xs-two-fourths {
        width: 50%
    }

    .xs-three-fourths {
        width: 75%
    }

    .xs-one-fifth {
        width: 20%
    }

    .xs-two-fifths {
        width: 40%
    }

    .xs-three-fifths {
        width: 60%
    }

    .xs-four-fifths {
        width: 80%
    }

    .xs-one-sixth {
        width: 16.66667%
    }

    .xs-two-sixths {
        width: 33.33333%
    }

    .xs-three-sixths {
        width: 50%
    }

    .xs-four-sixths {
        width: 66.66667%
    }

    .xs-five-sixths {
        width: 83.33333%
    }

    .xs-one-seventh {
        width: 14.28571%
    }

    .xs-two-sevenths {
        width: 28.57143%
    }

    .xs-three-sevenths {
        width: 42.85714%
    }

    .xs-four-sevenths {
        width: 57.14286%
    }

    .xs-five-sevenths {
        width: 71.42857%
    }

    .xs-six-sevenths {
        width: 85.71429%
    }

    .xs-one-eighth {
        width: 12.5%
    }

    .xs-two-eighths {
        width: 25%
    }

    .xs-three-eighths {
        width: 37.5%
    }

    .xs-four-eighths {
        width: 50%
    }

    .xs-five-eighths {
        width: 62.5%
    }

    .xs-six-eighths {
        width: 75%
    }

    .xs-seven-eighths {
        width: 87.5%
    }

    .xs-one-ninth {
        width: 11.11111%
    }

    .xs-two-ninths {
        width: 22.22222%
    }

    .xs-three-ninths {
        width: 33.33333%
    }

    .xs-four-ninths {
        width: 44.44444%
    }

    .xs-five-ninths {
        width: 55.55556%
    }

    .xs-six-ninths {
        width: 66.66667%
    }

    .xs-seven-ninths {
        width: 77.77778%
    }

    .xs-eight-ninths {
        width: 88.88889%
    }

    .xs-one-tenth {
        width: 10%
    }

    .xs-two-tenths {
        width: 20%
    }

    .xs-three-tenths {
        width: 30%
    }

    .xs-four-tenths {
        width: 40%
    }

    .xs-five-tenths {
        width: 50%
    }

    .xs-six-tenths {
        width: 60%
    }

    .xs-seven-tenths {
        width: 70%
    }

    .xs-eight-tenths {
        width: 80%
    }

    .xs-nine-tenths {
        width: 90%
    }

    .xs-one-eleventh {
        width: 9.09091%
    }

    .xs-two-elevenths {
        width: 18.18182%
    }

    .xs-three-elevenths {
        width: 27.27273%
    }

    .xs-four-elevenths {
        width: 36.36364%
    }

    .xs-five-elevenths {
        width: 45.45455%
    }

    .xs-six-elevenths {
        width: 54.54545%
    }

    .xs-seven-elevenths {
        width: 63.63636%
    }

    .xs-eight-elevenths {
        width: 72.72727%
    }

    .xs-nine-elevenths {
        width: 81.81818%
    }

    .xs-ten-elevenths {
        width: 90.90909%
    }

    .xs-one-twelfth {
        width: 8.33333%
    }

    .xs-two-twelfths {
        width: 16.66667%
    }

    .xs-three-twelfths {
        width: 25%
    }

    .xs-four-twelfths {
        width: 33.33333%
    }

    .xs-five-twelfths {
        width: 41.66667%
    }

    .xs-six-twelfths {
        width: 50%
    }

    .xs-seven-twelfths {
        width: 58.33333%
    }

    .xs-eight-twelfths {
        width: 66.66667%
    }

    .xs-nine-twelfths {
        width: 75%
    }

    .xs-ten-twelfths {
        width: 83.33333%
    }

    .xs-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-one-half {
        width: 50%
    }

    .sm-one-third {
        width: 33.33333%
    }

    .sm-two-thirds {
        width: 66.66667%
    }

    .sm-one-fourth {
        width: 25%
    }

    .sm-two-fourths {
        width: 50%
    }

    .sm-three-fourths {
        width: 75%
    }

    .sm-one-fifth {
        width: 20%
    }

    .sm-two-fifths {
        width: 40%
    }

    .sm-three-fifths {
        width: 60%
    }

    .sm-four-fifths {
        width: 80%
    }

    .sm-one-sixth {
        width: 16.66667%
    }

    .sm-two-sixths {
        width: 33.33333%
    }

    .sm-three-sixths {
        width: 50%
    }

    .sm-four-sixths {
        width: 66.66667%
    }

    .sm-five-sixths {
        width: 83.33333%
    }

    .sm-one-seventh {
        width: 14.28571%
    }

    .sm-two-sevenths {
        width: 28.57143%
    }

    .sm-three-sevenths {
        width: 42.85714%
    }

    .sm-four-sevenths {
        width: 57.14286%
    }

    .sm-five-sevenths {
        width: 71.42857%
    }

    .sm-six-sevenths {
        width: 85.71429%
    }

    .sm-one-eighth {
        width: 12.5%
    }

    .sm-two-eighths {
        width: 25%
    }

    .sm-three-eighths {
        width: 37.5%
    }

    .sm-four-eighths {
        width: 50%
    }

    .sm-five-eighths {
        width: 62.5%
    }

    .sm-six-eighths {
        width: 75%
    }

    .sm-seven-eighths {
        width: 87.5%
    }

    .sm-one-ninth {
        width: 11.11111%
    }

    .sm-two-ninths {
        width: 22.22222%
    }

    .sm-three-ninths {
        width: 33.33333%
    }

    .sm-four-ninths {
        width: 44.44444%
    }

    .sm-five-ninths {
        width: 55.55556%
    }

    .sm-six-ninths {
        width: 66.66667%
    }

    .sm-seven-ninths {
        width: 77.77778%
    }

    .sm-eight-ninths {
        width: 88.88889%
    }

    .sm-one-tenth {
        width: 10%
    }

    .sm-two-tenths {
        width: 20%
    }

    .sm-three-tenths {
        width: 30%
    }

    .sm-four-tenths {
        width: 40%
    }

    .sm-five-tenths {
        width: 50%
    }

    .sm-six-tenths {
        width: 60%
    }

    .sm-seven-tenths {
        width: 70%
    }

    .sm-eight-tenths {
        width: 80%
    }

    .sm-nine-tenths {
        width: 90%
    }

    .sm-one-eleventh {
        width: 9.09091%
    }

    .sm-two-elevenths {
        width: 18.18182%
    }

    .sm-three-elevenths {
        width: 27.27273%
    }

    .sm-four-elevenths {
        width: 36.36364%
    }

    .sm-five-elevenths {
        width: 45.45455%
    }

    .sm-six-elevenths {
        width: 54.54545%
    }

    .sm-seven-elevenths {
        width: 63.63636%
    }

    .sm-eight-elevenths {
        width: 72.72727%
    }

    .sm-nine-elevenths {
        width: 81.81818%
    }

    .sm-ten-elevenths {
        width: 90.90909%
    }

    .sm-one-twelfth {
        width: 8.33333%
    }

    .sm-two-twelfths {
        width: 16.66667%
    }

    .sm-three-twelfths {
        width: 25%
    }

    .sm-four-twelfths {
        width: 33.33333%
    }

    .sm-five-twelfths {
        width: 41.66667%
    }

    .sm-six-twelfths {
        width: 50%
    }

    .sm-seven-twelfths {
        width: 58.33333%
    }

    .sm-eight-twelfths {
        width: 66.66667%
    }

    .sm-nine-twelfths {
        width: 75%
    }

    .sm-ten-twelfths {
        width: 83.33333%
    }

    .sm-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 48em) {
    .md-one-half {
        width: 50%
    }

    .md-one-third {
        width: 33.33333%
    }

    .md-two-thirds {
        width: 66.66667%
    }

    .md-one-fourth {
        width: 25%
    }

    .md-two-fourths {
        width: 50%
    }

    .md-three-fourths {
        width: 75%
    }

    .md-one-fifth {
        width: 20%
    }

    .md-two-fifths {
        width: 40%
    }

    .md-three-fifths {
        width: 60%
    }

    .md-four-fifths {
        width: 80%
    }

    .md-one-sixth {
        width: 16.66667%
    }

    .md-two-sixths {
        width: 33.33333%
    }

    .md-three-sixths {
        width: 50%
    }

    .md-four-sixths {
        width: 66.66667%
    }

    .md-five-sixths {
        width: 83.33333%
    }

    .md-one-seventh {
        width: 14.28571%
    }

    .md-two-sevenths {
        width: 28.57143%
    }

    .md-three-sevenths {
        width: 42.85714%
    }

    .md-four-sevenths {
        width: 57.14286%
    }

    .md-five-sevenths {
        width: 71.42857%
    }

    .md-six-sevenths {
        width: 85.71429%
    }

    .md-one-eighth {
        width: 12.5%
    }

    .md-two-eighths {
        width: 25%
    }

    .md-three-eighths {
        width: 37.5%
    }

    .md-four-eighths {
        width: 50%
    }

    .md-five-eighths {
        width: 62.5%
    }

    .md-six-eighths {
        width: 75%
    }

    .md-seven-eighths {
        width: 87.5%
    }

    .md-one-ninth {
        width: 11.11111%
    }

    .md-two-ninths {
        width: 22.22222%
    }

    .md-three-ninths {
        width: 33.33333%
    }

    .md-four-ninths {
        width: 44.44444%
    }

    .md-five-ninths {
        width: 55.55556%
    }

    .md-six-ninths {
        width: 66.66667%
    }

    .md-seven-ninths {
        width: 77.77778%
    }

    .md-eight-ninths {
        width: 88.88889%
    }

    .md-one-tenth {
        width: 10%
    }

    .md-two-tenths {
        width: 20%
    }

    .md-three-tenths {
        width: 30%
    }

    .md-four-tenths {
        width: 40%
    }

    .md-five-tenths {
        width: 50%
    }

    .md-six-tenths {
        width: 60%
    }

    .md-seven-tenths {
        width: 70%
    }

    .md-eight-tenths {
        width: 80%
    }

    .md-nine-tenths {
        width: 90%
    }

    .md-one-eleventh {
        width: 9.09091%
    }

    .md-two-elevenths {
        width: 18.18182%
    }

    .md-three-elevenths {
        width: 27.27273%
    }

    .md-four-elevenths {
        width: 36.36364%
    }

    .md-five-elevenths {
        width: 45.45455%
    }

    .md-six-elevenths {
        width: 54.54545%
    }

    .md-seven-elevenths {
        width: 63.63636%
    }

    .md-eight-elevenths {
        width: 72.72727%
    }

    .md-nine-elevenths {
        width: 81.81818%
    }

    .md-ten-elevenths {
        width: 90.90909%
    }

    .md-one-twelfth {
        width: 8.33333%
    }

    .md-two-twelfths {
        width: 16.66667%
    }

    .md-three-twelfths {
        width: 25%
    }

    .md-four-twelfths {
        width: 33.33333%
    }

    .md-five-twelfths {
        width: 41.66667%
    }

    .md-six-twelfths {
        width: 50%
    }

    .md-seven-twelfths {
        width: 58.33333%
    }

    .md-eight-twelfths {
        width: 66.66667%
    }

    .md-nine-twelfths {
        width: 75%
    }

    .md-ten-twelfths {
        width: 83.33333%
    }

    .md-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 64em) {
    .lg-one-half {
        width: 50%
    }

    .lg-one-third {
        width: 33.33333%
    }

    .lg-two-thirds {
        width: 66.66667%
    }

    .lg-one-fourth {
        width: 25%
    }

    .lg-two-fourths {
        width: 50%
    }

    .lg-three-fourths {
        width: 75%
    }

    .lg-one-fifth {
        width: 20%
    }

    .lg-two-fifths {
        width: 40%
    }

    .lg-three-fifths {
        width: 60%
    }

    .lg-four-fifths {
        width: 80%
    }

    .lg-one-sixth {
        width: 16.66667%
    }

    .lg-two-sixths {
        width: 33.33333%
    }

    .lg-three-sixths {
        width: 50%
    }

    .lg-four-sixths {
        width: 66.66667%
    }

    .lg-five-sixths {
        width: 83.33333%
    }

    .lg-one-seventh {
        width: 14.28571%
    }

    .lg-two-sevenths {
        width: 28.57143%
    }

    .lg-three-sevenths {
        width: 42.85714%
    }

    .lg-four-sevenths {
        width: 57.14286%
    }

    .lg-five-sevenths {
        width: 71.42857%
    }

    .lg-six-sevenths {
        width: 85.71429%
    }

    .lg-one-eighth {
        width: 12.5%
    }

    .lg-two-eighths {
        width: 25%
    }

    .lg-three-eighths {
        width: 37.5%
    }

    .lg-four-eighths {
        width: 50%
    }

    .lg-five-eighths {
        width: 62.5%
    }

    .lg-six-eighths {
        width: 75%
    }

    .lg-seven-eighths {
        width: 87.5%
    }

    .lg-one-ninth {
        width: 11.11111%
    }

    .lg-two-ninths {
        width: 22.22222%
    }

    .lg-three-ninths {
        width: 33.33333%
    }

    .lg-four-ninths {
        width: 44.44444%
    }

    .lg-five-ninths {
        width: 55.55556%
    }

    .lg-six-ninths {
        width: 66.66667%
    }

    .lg-seven-ninths {
        width: 77.77778%
    }

    .lg-eight-ninths {
        width: 88.88889%
    }

    .lg-one-tenth {
        width: 10%
    }

    .lg-two-tenths {
        width: 20%
    }

    .lg-three-tenths {
        width: 30%
    }

    .lg-four-tenths {
        width: 40%
    }

    .lg-five-tenths {
        width: 50%
    }

    .lg-six-tenths {
        width: 60%
    }

    .lg-seven-tenths {
        width: 70%
    }

    .lg-eight-tenths {
        width: 80%
    }

    .lg-nine-tenths {
        width: 90%
    }

    .lg-one-eleventh {
        width: 9.09091%
    }

    .lg-two-elevenths {
        width: 18.18182%
    }

    .lg-three-elevenths {
        width: 27.27273%
    }

    .lg-four-elevenths {
        width: 36.36364%
    }

    .lg-five-elevenths {
        width: 45.45455%
    }

    .lg-six-elevenths {
        width: 54.54545%
    }

    .lg-seven-elevenths {
        width: 63.63636%
    }

    .lg-eight-elevenths {
        width: 72.72727%
    }

    .lg-nine-elevenths {
        width: 81.81818%
    }

    .lg-ten-elevenths {
        width: 90.90909%
    }

    .lg-one-twelfth {
        width: 8.33333%
    }

    .lg-two-twelfths {
        width: 16.66667%
    }

    .lg-three-twelfths {
        width: 25%
    }

    .lg-four-twelfths {
        width: 33.33333%
    }

    .lg-five-twelfths {
        width: 41.66667%
    }

    .lg-six-twelfths {
        width: 50%
    }

    .lg-seven-twelfths {
        width: 58.33333%
    }

    .lg-eight-twelfths {
        width: 66.66667%
    }

    .lg-nine-twelfths {
        width: 75%
    }

    .lg-ten-twelfths {
        width: 83.33333%
    }

    .lg-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-one-half {
        width: 50%
    }

    .xl-one-third {
        width: 33.33333%
    }

    .xl-two-thirds {
        width: 66.66667%
    }

    .xl-one-fourth {
        width: 25%
    }

    .xl-two-fourths {
        width: 50%
    }

    .xl-three-fourths {
        width: 75%
    }

    .xl-one-fifth {
        width: 20%
    }

    .xl-two-fifths {
        width: 40%
    }

    .xl-three-fifths {
        width: 60%
    }

    .xl-four-fifths {
        width: 80%
    }

    .xl-one-sixth {
        width: 16.66667%
    }

    .xl-two-sixths {
        width: 33.33333%
    }

    .xl-three-sixths {
        width: 50%
    }

    .xl-four-sixths {
        width: 66.66667%
    }

    .xl-five-sixths {
        width: 83.33333%
    }

    .xl-one-seventh {
        width: 14.28571%
    }

    .xl-two-sevenths {
        width: 28.57143%
    }

    .xl-three-sevenths {
        width: 42.85714%
    }

    .xl-four-sevenths {
        width: 57.14286%
    }

    .xl-five-sevenths {
        width: 71.42857%
    }

    .xl-six-sevenths {
        width: 85.71429%
    }

    .xl-one-eighth {
        width: 12.5%
    }

    .xl-two-eighths {
        width: 25%
    }

    .xl-three-eighths {
        width: 37.5%
    }

    .xl-four-eighths {
        width: 50%
    }

    .xl-five-eighths {
        width: 62.5%
    }

    .xl-six-eighths {
        width: 75%
    }

    .xl-seven-eighths {
        width: 87.5%
    }

    .xl-one-ninth {
        width: 11.11111%
    }

    .xl-two-ninths {
        width: 22.22222%
    }

    .xl-three-ninths {
        width: 33.33333%
    }

    .xl-four-ninths {
        width: 44.44444%
    }

    .xl-five-ninths {
        width: 55.55556%
    }

    .xl-six-ninths {
        width: 66.66667%
    }

    .xl-seven-ninths {
        width: 77.77778%
    }

    .xl-eight-ninths {
        width: 88.88889%
    }

    .xl-one-tenth {
        width: 10%
    }

    .xl-two-tenths {
        width: 20%
    }

    .xl-three-tenths {
        width: 30%
    }

    .xl-four-tenths {
        width: 40%
    }

    .xl-five-tenths {
        width: 50%
    }

    .xl-six-tenths {
        width: 60%
    }

    .xl-seven-tenths {
        width: 70%
    }

    .xl-eight-tenths {
        width: 80%
    }

    .xl-nine-tenths {
        width: 90%
    }

    .xl-one-eleventh {
        width: 9.09091%
    }

    .xl-two-elevenths {
        width: 18.18182%
    }

    .xl-three-elevenths {
        width: 27.27273%
    }

    .xl-four-elevenths {
        width: 36.36364%
    }

    .xl-five-elevenths {
        width: 45.45455%
    }

    .xl-six-elevenths {
        width: 54.54545%
    }

    .xl-seven-elevenths {
        width: 63.63636%
    }

    .xl-eight-elevenths {
        width: 72.72727%
    }

    .xl-nine-elevenths {
        width: 81.81818%
    }

    .xl-ten-elevenths {
        width: 90.90909%
    }

    .xl-one-twelfth {
        width: 8.33333%
    }

    .xl-two-twelfths {
        width: 16.66667%
    }

    .xl-three-twelfths {
        width: 25%
    }

    .xl-four-twelfths {
        width: 33.33333%
    }

    .xl-five-twelfths {
        width: 41.66667%
    }

    .xl-six-twelfths {
        width: 50%
    }

    .xl-seven-twelfths {
        width: 58.33333%
    }

    .xl-eight-twelfths {
        width: 66.66667%
    }

    .xl-nine-twelfths {
        width: 75%
    }

    .xl-ten-twelfths {
        width: 83.33333%
    }

    .xl-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 100em) {
    .xxl-one-half {
        width: 50%
    }

    .xxl-one-third {
        width: 33.33333%
    }

    .xxl-two-thirds {
        width: 66.66667%
    }

    .xxl-one-fourth {
        width: 25%
    }

    .xxl-two-fourths {
        width: 50%
    }

    .xxl-three-fourths {
        width: 75%
    }

    .xxl-one-fifth {
        width: 20%
    }

    .xxl-two-fifths {
        width: 40%
    }

    .xxl-three-fifths {
        width: 60%
    }

    .xxl-four-fifths {
        width: 80%
    }

    .xxl-one-sixth {
        width: 16.66667%
    }

    .xxl-two-sixths {
        width: 33.33333%
    }

    .xxl-three-sixths {
        width: 50%
    }

    .xxl-four-sixths {
        width: 66.66667%
    }

    .xxl-five-sixths {
        width: 83.33333%
    }

    .xxl-one-seventh {
        width: 14.28571%
    }

    .xxl-two-sevenths {
        width: 28.57143%
    }

    .xxl-three-sevenths {
        width: 42.85714%
    }

    .xxl-four-sevenths {
        width: 57.14286%
    }

    .xxl-five-sevenths {
        width: 71.42857%
    }

    .xxl-six-sevenths {
        width: 85.71429%
    }

    .xxl-one-eighth {
        width: 12.5%
    }

    .xxl-two-eighths {
        width: 25%
    }

    .xxl-three-eighths {
        width: 37.5%
    }

    .xxl-four-eighths {
        width: 50%
    }

    .xxl-five-eighths {
        width: 62.5%
    }

    .xxl-six-eighths {
        width: 75%
    }

    .xxl-seven-eighths {
        width: 87.5%
    }

    .xxl-one-ninth {
        width: 11.11111%
    }

    .xxl-two-ninths {
        width: 22.22222%
    }

    .xxl-three-ninths {
        width: 33.33333%
    }

    .xxl-four-ninths {
        width: 44.44444%
    }

    .xxl-five-ninths {
        width: 55.55556%
    }

    .xxl-six-ninths {
        width: 66.66667%
    }

    .xxl-seven-ninths {
        width: 77.77778%
    }

    .xxl-eight-ninths {
        width: 88.88889%
    }

    .xxl-one-tenth {
        width: 10%
    }

    .xxl-two-tenths {
        width: 20%
    }

    .xxl-three-tenths {
        width: 30%
    }

    .xxl-four-tenths {
        width: 40%
    }

    .xxl-five-tenths {
        width: 50%
    }

    .xxl-six-tenths {
        width: 60%
    }

    .xxl-seven-tenths {
        width: 70%
    }

    .xxl-eight-tenths {
        width: 80%
    }

    .xxl-nine-tenths {
        width: 90%
    }

    .xxl-one-eleventh {
        width: 9.09091%
    }

    .xxl-two-elevenths {
        width: 18.18182%
    }

    .xxl-three-elevenths {
        width: 27.27273%
    }

    .xxl-four-elevenths {
        width: 36.36364%
    }

    .xxl-five-elevenths {
        width: 45.45455%
    }

    .xxl-six-elevenths {
        width: 54.54545%
    }

    .xxl-seven-elevenths {
        width: 63.63636%
    }

    .xxl-eight-elevenths {
        width: 72.72727%
    }

    .xxl-nine-elevenths {
        width: 81.81818%
    }

    .xxl-ten-elevenths {
        width: 90.90909%
    }

    .xxl-one-twelfth {
        width: 8.33333%
    }

    .xxl-two-twelfths {
        width: 16.66667%
    }

    .xxl-three-twelfths {
        width: 25%
    }

    .xxl-four-twelfths {
        width: 33.33333%
    }

    .xxl-five-twelfths {
        width: 41.66667%
    }

    .xxl-six-twelfths {
        width: 50%
    }

    .xxl-seven-twelfths {
        width: 58.33333%
    }

    .xxl-eight-twelfths {
        width: 66.66667%
    }

    .xxl-nine-twelfths {
        width: 75%
    }

    .xxl-ten-twelfths {
        width: 83.33333%
    }

    .xxl-eleven-twelfths {
        width: 91.66667%
    }
}

@media screen and (min-width: 0) {
    .quadrat-1-of-2 {
        width: 50%
    }

    .quadrat-2-of-2 {
        width: 50%
    }

    .quadrat-1-of-3 {
        width: 33.33333%
    }

    .quadrat-2-of-3 {
        width: 33.33333%
    }

    .quadrat-3-of-3 {
        width: 33.33333%
    }

    .quadrat-1-of-4 {
        width: 25%
    }

    .quadrat-2-of-4 {
        width: 25%
    }

    .quadrat-3-of-4 {
        width: 25%
    }

    .quadrat-4-of-4 {
        width: 25%
    }

    .quadrat-1-of-5 {
        width: 20%
    }

    .quadrat-2-of-5 {
        width: 20%
    }

    .quadrat-3-of-5 {
        width: 20%
    }

    .quadrat-4-of-5 {
        width: 20%
    }

    .quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 20em) {
    .xs-quadrat-1-of-2 {
        width: 50%
    }

    .xs-quadrat-2-of-2 {
        width: 50%
    }

    .xs-quadrat-1-of-3 {
        width: 33.33333%
    }

    .xs-quadrat-2-of-3 {
        width: 33.33333%
    }

    .xs-quadrat-3-of-3 {
        width: 33.33333%
    }

    .xs-quadrat-1-of-4 {
        width: 25%
    }

    .xs-quadrat-2-of-4 {
        width: 25%
    }

    .xs-quadrat-3-of-4 {
        width: 25%
    }

    .xs-quadrat-4-of-4 {
        width: 25%
    }

    .xs-quadrat-1-of-5 {
        width: 20%
    }

    .xs-quadrat-2-of-5 {
        width: 20%
    }

    .xs-quadrat-3-of-5 {
        width: 20%
    }

    .xs-quadrat-4-of-5 {
        width: 20%
    }

    .xs-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-quadrat-1-of-2 {
        width: 50%
    }

    .sm-quadrat-2-of-2 {
        width: 50%
    }

    .sm-quadrat-1-of-3 {
        width: 33.33333%
    }

    .sm-quadrat-2-of-3 {
        width: 33.33333%
    }

    .sm-quadrat-3-of-3 {
        width: 33.33333%
    }

    .sm-quadrat-1-of-4 {
        width: 25%
    }

    .sm-quadrat-2-of-4 {
        width: 25%
    }

    .sm-quadrat-3-of-4 {
        width: 25%
    }

    .sm-quadrat-4-of-4 {
        width: 25%
    }

    .sm-quadrat-1-of-5 {
        width: 20%
    }

    .sm-quadrat-2-of-5 {
        width: 20%
    }

    .sm-quadrat-3-of-5 {
        width: 20%
    }

    .sm-quadrat-4-of-5 {
        width: 20%
    }

    .sm-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 48em) {
    .md-quadrat-1-of-2 {
        width: 50%
    }

    .md-quadrat-2-of-2 {
        width: 50%
    }

    .md-quadrat-1-of-3 {
        width: 33.33333%
    }

    .md-quadrat-2-of-3 {
        width: 33.33333%
    }

    .md-quadrat-3-of-3 {
        width: 33.33333%
    }

    .md-quadrat-1-of-4 {
        width: 25%
    }

    .md-quadrat-2-of-4 {
        width: 25%
    }

    .md-quadrat-3-of-4 {
        width: 25%
    }

    .md-quadrat-4-of-4 {
        width: 25%
    }

    .md-quadrat-1-of-5 {
        width: 20%
    }

    .md-quadrat-2-of-5 {
        width: 20%
    }

    .md-quadrat-3-of-5 {
        width: 20%
    }

    .md-quadrat-4-of-5 {
        width: 20%
    }

    .md-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 64em) {
    .lg-quadrat-1-of-2 {
        width: 50%
    }

    .lg-quadrat-2-of-2 {
        width: 50%
    }

    .lg-quadrat-1-of-3 {
        width: 33.33333%
    }

    .lg-quadrat-2-of-3 {
        width: 33.33333%
    }

    .lg-quadrat-3-of-3 {
        width: 33.33333%
    }

    .lg-quadrat-1-of-4 {
        width: 25%
    }

    .lg-quadrat-2-of-4 {
        width: 25%
    }

    .lg-quadrat-3-of-4 {
        width: 25%
    }

    .lg-quadrat-4-of-4 {
        width: 25%
    }

    .lg-quadrat-1-of-5 {
        width: 20%
    }

    .lg-quadrat-2-of-5 {
        width: 20%
    }

    .lg-quadrat-3-of-5 {
        width: 20%
    }

    .lg-quadrat-4-of-5 {
        width: 20%
    }

    .lg-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-quadrat-1-of-2 {
        width: 50%
    }

    .xl-quadrat-2-of-2 {
        width: 50%
    }

    .xl-quadrat-1-of-3 {
        width: 33.33333%
    }

    .xl-quadrat-2-of-3 {
        width: 33.33333%
    }

    .xl-quadrat-3-of-3 {
        width: 33.33333%
    }

    .xl-quadrat-1-of-4 {
        width: 25%
    }

    .xl-quadrat-2-of-4 {
        width: 25%
    }

    .xl-quadrat-3-of-4 {
        width: 25%
    }

    .xl-quadrat-4-of-4 {
        width: 25%
    }

    .xl-quadrat-1-of-5 {
        width: 20%
    }

    .xl-quadrat-2-of-5 {
        width: 20%
    }

    .xl-quadrat-3-of-5 {
        width: 20%
    }

    .xl-quadrat-4-of-5 {
        width: 20%
    }

    .xl-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 100em) {
    .xxl-quadrat-1-of-2 {
        width: 50%
    }

    .xxl-quadrat-2-of-2 {
        width: 50%
    }

    .xxl-quadrat-1-of-3 {
        width: 33.33333%
    }

    .xxl-quadrat-2-of-3 {
        width: 33.33333%
    }

    .xxl-quadrat-3-of-3 {
        width: 33.33333%
    }

    .xxl-quadrat-1-of-4 {
        width: 25%
    }

    .xxl-quadrat-2-of-4 {
        width: 25%
    }

    .xxl-quadrat-3-of-4 {
        width: 25%
    }

    .xxl-quadrat-4-of-4 {
        width: 25%
    }

    .xxl-quadrat-1-of-5 {
        width: 20%
    }

    .xxl-quadrat-2-of-5 {
        width: 20%
    }

    .xxl-quadrat-3-of-5 {
        width: 20%
    }

    .xxl-quadrat-4-of-5 {
        width: 20%
    }

    .xxl-quadrat-5-of-5 {
        width: 20%
    }
}

@media screen and (min-width: 0) {
    .hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 20em) {
    .xs-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .xs-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .xs-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .xs-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .xs-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .xs-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .xs-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .xs-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .xs-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .xs-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .xs-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .xs-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .xs-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .xs-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .sm-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .sm-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .sm-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .sm-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .sm-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .sm-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .sm-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .sm-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .sm-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .sm-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .sm-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .sm-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .sm-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 48em) {
    .md-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .md-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .md-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .md-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .md-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .md-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .md-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .md-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .md-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .md-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .md-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .md-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .md-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .md-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 64em) {
    .lg-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .lg-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .lg-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .lg-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .lg-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .lg-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .lg-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .lg-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .lg-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .lg-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .lg-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .lg-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .lg-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .lg-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .xl-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .xl-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .xl-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .xl-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .xl-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .xl-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .xl-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .xl-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .xl-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .xl-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .xl-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .xl-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .xl-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 100em) {
    .xxl-hemidiagon-1-of-2 {
        width: 47.21435%
    }

    .xxl-hemidiagon-2-of-2 {
        width: 52.78565%
    }

    .xxl-hemidiagon-1-of-3 {
        width: 29.69188%
    }

    .xxl-hemidiagon-2-of-3 {
        width: 33.19552%
    }

    .xxl-hemidiagon-3-of-3 {
        width: 37.1126%
    }

    .xxl-hemidiagon-1-of-4 {
        width: 20.98487%
    }

    .xxl-hemidiagon-2-of-4 {
        width: 23.46108%
    }

    .xxl-hemidiagon-3-of-4 {
        width: 26.22949%
    }

    .xxl-hemidiagon-4-of-4 {
        width: 29.32457%
    }

    .xxl-hemidiagon-1-of-5 {
        width: 15.80366%
    }

    .xxl-hemidiagon-2-of-5 {
        width: 17.66849%
    }

    .xxl-hemidiagon-3-of-5 {
        width: 19.75337%
    }

    .xxl-hemidiagon-4-of-5 {
        width: 22.08427%
    }

    .xxl-hemidiagon-5-of-5 {
        width: 24.69021%
    }
}

@media screen and (min-width: 0) {
    .trion-1-of-2 {
        width: 46.42526%
    }

    .trion-2-of-2 {
        width: 53.57474%
    }

    .trion-1-of-3 {
        width: 28.68851%
    }

    .trion-2-of-3 {
        width: 33.10654%
    }

    .trion-3-of-3 {
        width: 38.20495%
    }

    .trion-1-of-4 {
        width: 19.91034%
    }

    .trion-2-of-4 {
        width: 22.97653%
    }

    .trion-3-of-4 {
        width: 26.51492%
    }

    .trion-4-of-4 {
        width: 30.59821%
    }

    .trion-1-of-5 {
        width: 14.71457%
    }

    .trion-2-of-5 {
        width: 16.98062%
    }

    .trion-3-of-5 {
        width: 19.59563%
    }

    .trion-4-of-5 {
        width: 22.61336%
    }

    .trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 20em) {
    .xs-trion-1-of-2 {
        width: 46.42526%
    }

    .xs-trion-2-of-2 {
        width: 53.57474%
    }

    .xs-trion-1-of-3 {
        width: 28.68851%
    }

    .xs-trion-2-of-3 {
        width: 33.10654%
    }

    .xs-trion-3-of-3 {
        width: 38.20495%
    }

    .xs-trion-1-of-4 {
        width: 19.91034%
    }

    .xs-trion-2-of-4 {
        width: 22.97653%
    }

    .xs-trion-3-of-4 {
        width: 26.51492%
    }

    .xs-trion-4-of-4 {
        width: 30.59821%
    }

    .xs-trion-1-of-5 {
        width: 14.71457%
    }

    .xs-trion-2-of-5 {
        width: 16.98062%
    }

    .xs-trion-3-of-5 {
        width: 19.59563%
    }

    .xs-trion-4-of-5 {
        width: 22.61336%
    }

    .xs-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-trion-1-of-2 {
        width: 46.42526%
    }

    .sm-trion-2-of-2 {
        width: 53.57474%
    }

    .sm-trion-1-of-3 {
        width: 28.68851%
    }

    .sm-trion-2-of-3 {
        width: 33.10654%
    }

    .sm-trion-3-of-3 {
        width: 38.20495%
    }

    .sm-trion-1-of-4 {
        width: 19.91034%
    }

    .sm-trion-2-of-4 {
        width: 22.97653%
    }

    .sm-trion-3-of-4 {
        width: 26.51492%
    }

    .sm-trion-4-of-4 {
        width: 30.59821%
    }

    .sm-trion-1-of-5 {
        width: 14.71457%
    }

    .sm-trion-2-of-5 {
        width: 16.98062%
    }

    .sm-trion-3-of-5 {
        width: 19.59563%
    }

    .sm-trion-4-of-5 {
        width: 22.61336%
    }

    .sm-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 48em) {
    .md-trion-1-of-2 {
        width: 46.42526%
    }

    .md-trion-2-of-2 {
        width: 53.57474%
    }

    .md-trion-1-of-3 {
        width: 28.68851%
    }

    .md-trion-2-of-3 {
        width: 33.10654%
    }

    .md-trion-3-of-3 {
        width: 38.20495%
    }

    .md-trion-1-of-4 {
        width: 19.91034%
    }

    .md-trion-2-of-4 {
        width: 22.97653%
    }

    .md-trion-3-of-4 {
        width: 26.51492%
    }

    .md-trion-4-of-4 {
        width: 30.59821%
    }

    .md-trion-1-of-5 {
        width: 14.71457%
    }

    .md-trion-2-of-5 {
        width: 16.98062%
    }

    .md-trion-3-of-5 {
        width: 19.59563%
    }

    .md-trion-4-of-5 {
        width: 22.61336%
    }

    .md-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 64em) {
    .lg-trion-1-of-2 {
        width: 46.42526%
    }

    .lg-trion-2-of-2 {
        width: 53.57474%
    }

    .lg-trion-1-of-3 {
        width: 28.68851%
    }

    .lg-trion-2-of-3 {
        width: 33.10654%
    }

    .lg-trion-3-of-3 {
        width: 38.20495%
    }

    .lg-trion-1-of-4 {
        width: 19.91034%
    }

    .lg-trion-2-of-4 {
        width: 22.97653%
    }

    .lg-trion-3-of-4 {
        width: 26.51492%
    }

    .lg-trion-4-of-4 {
        width: 30.59821%
    }

    .lg-trion-1-of-5 {
        width: 14.71457%
    }

    .lg-trion-2-of-5 {
        width: 16.98062%
    }

    .lg-trion-3-of-5 {
        width: 19.59563%
    }

    .lg-trion-4-of-5 {
        width: 22.61336%
    }

    .lg-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-trion-1-of-2 {
        width: 46.42526%
    }

    .xl-trion-2-of-2 {
        width: 53.57474%
    }

    .xl-trion-1-of-3 {
        width: 28.68851%
    }

    .xl-trion-2-of-3 {
        width: 33.10654%
    }

    .xl-trion-3-of-3 {
        width: 38.20495%
    }

    .xl-trion-1-of-4 {
        width: 19.91034%
    }

    .xl-trion-2-of-4 {
        width: 22.97653%
    }

    .xl-trion-3-of-4 {
        width: 26.51492%
    }

    .xl-trion-4-of-4 {
        width: 30.59821%
    }

    .xl-trion-1-of-5 {
        width: 14.71457%
    }

    .xl-trion-2-of-5 {
        width: 16.98062%
    }

    .xl-trion-3-of-5 {
        width: 19.59563%
    }

    .xl-trion-4-of-5 {
        width: 22.61336%
    }

    .xl-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 100em) {
    .xxl-trion-1-of-2 {
        width: 46.42526%
    }

    .xxl-trion-2-of-2 {
        width: 53.57474%
    }

    .xxl-trion-1-of-3 {
        width: 28.68851%
    }

    .xxl-trion-2-of-3 {
        width: 33.10654%
    }

    .xxl-trion-3-of-3 {
        width: 38.20495%
    }

    .xxl-trion-1-of-4 {
        width: 19.91034%
    }

    .xxl-trion-2-of-4 {
        width: 22.97653%
    }

    .xxl-trion-3-of-4 {
        width: 26.51492%
    }

    .xxl-trion-4-of-4 {
        width: 30.59821%
    }

    .xxl-trion-1-of-5 {
        width: 14.71457%
    }

    .xxl-trion-2-of-5 {
        width: 16.98062%
    }

    .xxl-trion-3-of-5 {
        width: 19.59563%
    }

    .xxl-trion-4-of-5 {
        width: 22.61336%
    }

    .xxl-trion-5-of-5 {
        width: 26.09582%
    }
}

@media screen and (min-width: 0) {
    .quadriagon-1-of-2 {
        width: 45.31038%
    }

    .quadriagon-2-of-2 {
        width: 54.68962%
    }

    .quadriagon-1-of-3 {
        width: 27.2937%
    }

    .quadriagon-2-of-3 {
        width: 32.9435%
    }

    .quadriagon-3-of-3 {
        width: 39.7628%
    }

    .quadriagon-1-of-4 {
        width: 18.44247%
    }

    .quadriagon-2-of-4 {
        width: 22.26007%
    }

    .quadriagon-3-of-4 {
        width: 26.8679%
    }

    .quadriagon-4-of-4 {
        width: 32.42956%
    }

    .quadriagon-1-of-5 {
        width: 13.25438%
    }

    .quadriagon-2-of-5 {
        width: 15.99804%
    }

    .quadriagon-3-of-5 {
        width: 19.30963%
    }

    .quadriagon-4-of-5 {
        width: 23.30673%
    }

    .quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 20em) {
    .xs-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .xs-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .xs-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .xs-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .xs-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .xs-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .xs-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .xs-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .xs-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .xs-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .xs-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .xs-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .xs-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .xs-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .sm-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .sm-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .sm-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .sm-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .sm-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .sm-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .sm-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .sm-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .sm-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .sm-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .sm-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .sm-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .sm-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 48em) {
    .md-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .md-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .md-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .md-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .md-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .md-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .md-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .md-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .md-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .md-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .md-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .md-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .md-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .md-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 64em) {
    .lg-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .lg-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .lg-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .lg-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .lg-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .lg-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .lg-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .lg-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .lg-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .lg-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .lg-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .lg-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .lg-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .lg-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .xl-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .xl-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .xl-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .xl-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .xl-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .xl-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .xl-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .xl-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .xl-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .xl-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .xl-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .xl-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .xl-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 100em) {
    .xxl-quadriagon-1-of-2 {
        width: 45.31038%
    }

    .xxl-quadriagon-2-of-2 {
        width: 54.68962%
    }

    .xxl-quadriagon-1-of-3 {
        width: 27.2937%
    }

    .xxl-quadriagon-2-of-3 {
        width: 32.9435%
    }

    .xxl-quadriagon-3-of-3 {
        width: 39.7628%
    }

    .xxl-quadriagon-1-of-4 {
        width: 18.44247%
    }

    .xxl-quadriagon-2-of-4 {
        width: 22.26007%
    }

    .xxl-quadriagon-3-of-4 {
        width: 26.8679%
    }

    .xxl-quadriagon-4-of-4 {
        width: 32.42956%
    }

    .xxl-quadriagon-1-of-5 {
        width: 13.25438%
    }

    .xxl-quadriagon-2-of-5 {
        width: 15.99804%
    }

    .xxl-quadriagon-3-of-5 {
        width: 19.30963%
    }

    .xxl-quadriagon-4-of-5 {
        width: 23.30673%
    }

    .xxl-quadriagon-5-of-5 {
        width: 28.13122%
    }
}

@media screen and (min-width: 0) {
    .biauron-1-of-2 {
        width: 44.72272%
    }

    .biauron-2-of-2 {
        width: 55.27728%
    }

    .biauron-1-of-3 {
        width: 26.56963%
    }

    .biauron-2-of-3 {
        width: 32.84006%
    }

    .biauron-3-of-3 {
        width: 40.59031%
    }

    .biauron-1-of-4 {
        width: 17.69308%
    }

    .biauron-2-of-4 {
        width: 21.86864%
    }

    .biauron-3-of-4 {
        width: 27.02964%
    }

    .biauron-4-of-4 {
        width: 33.40864%
    }

    .biauron-1-of-5 {
        width: 12.52225%
    }

    .biauron-2-of-5 {
        width: 15.4775%
    }

    .biauron-3-of-5 {
        width: 19.1302%
    }

    .biauron-4-of-5 {
        width: 23.64492%
    }

    .biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 20em) {
    .xs-biauron-1-of-2 {
        width: 44.72272%
    }

    .xs-biauron-2-of-2 {
        width: 55.27728%
    }

    .xs-biauron-1-of-3 {
        width: 26.56963%
    }

    .xs-biauron-2-of-3 {
        width: 32.84006%
    }

    .xs-biauron-3-of-3 {
        width: 40.59031%
    }

    .xs-biauron-1-of-4 {
        width: 17.69308%
    }

    .xs-biauron-2-of-4 {
        width: 21.86864%
    }

    .xs-biauron-3-of-4 {
        width: 27.02964%
    }

    .xs-biauron-4-of-4 {
        width: 33.40864%
    }

    .xs-biauron-1-of-5 {
        width: 12.52225%
    }

    .xs-biauron-2-of-5 {
        width: 15.4775%
    }

    .xs-biauron-3-of-5 {
        width: 19.1302%
    }

    .xs-biauron-4-of-5 {
        width: 23.64492%
    }

    .xs-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-biauron-1-of-2 {
        width: 44.72272%
    }

    .sm-biauron-2-of-2 {
        width: 55.27728%
    }

    .sm-biauron-1-of-3 {
        width: 26.56963%
    }

    .sm-biauron-2-of-3 {
        width: 32.84006%
    }

    .sm-biauron-3-of-3 {
        width: 40.59031%
    }

    .sm-biauron-1-of-4 {
        width: 17.69308%
    }

    .sm-biauron-2-of-4 {
        width: 21.86864%
    }

    .sm-biauron-3-of-4 {
        width: 27.02964%
    }

    .sm-biauron-4-of-4 {
        width: 33.40864%
    }

    .sm-biauron-1-of-5 {
        width: 12.52225%
    }

    .sm-biauron-2-of-5 {
        width: 15.4775%
    }

    .sm-biauron-3-of-5 {
        width: 19.1302%
    }

    .sm-biauron-4-of-5 {
        width: 23.64492%
    }

    .sm-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 48em) {
    .md-biauron-1-of-2 {
        width: 44.72272%
    }

    .md-biauron-2-of-2 {
        width: 55.27728%
    }

    .md-biauron-1-of-3 {
        width: 26.56963%
    }

    .md-biauron-2-of-3 {
        width: 32.84006%
    }

    .md-biauron-3-of-3 {
        width: 40.59031%
    }

    .md-biauron-1-of-4 {
        width: 17.69308%
    }

    .md-biauron-2-of-4 {
        width: 21.86864%
    }

    .md-biauron-3-of-4 {
        width: 27.02964%
    }

    .md-biauron-4-of-4 {
        width: 33.40864%
    }

    .md-biauron-1-of-5 {
        width: 12.52225%
    }

    .md-biauron-2-of-5 {
        width: 15.4775%
    }

    .md-biauron-3-of-5 {
        width: 19.1302%
    }

    .md-biauron-4-of-5 {
        width: 23.64492%
    }

    .md-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 64em) {
    .lg-biauron-1-of-2 {
        width: 44.72272%
    }

    .lg-biauron-2-of-2 {
        width: 55.27728%
    }

    .lg-biauron-1-of-3 {
        width: 26.56963%
    }

    .lg-biauron-2-of-3 {
        width: 32.84006%
    }

    .lg-biauron-3-of-3 {
        width: 40.59031%
    }

    .lg-biauron-1-of-4 {
        width: 17.69308%
    }

    .lg-biauron-2-of-4 {
        width: 21.86864%
    }

    .lg-biauron-3-of-4 {
        width: 27.02964%
    }

    .lg-biauron-4-of-4 {
        width: 33.40864%
    }

    .lg-biauron-1-of-5 {
        width: 12.52225%
    }

    .lg-biauron-2-of-5 {
        width: 15.4775%
    }

    .lg-biauron-3-of-5 {
        width: 19.1302%
    }

    .lg-biauron-4-of-5 {
        width: 23.64492%
    }

    .lg-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-biauron-1-of-2 {
        width: 44.72272%
    }

    .xl-biauron-2-of-2 {
        width: 55.27728%
    }

    .xl-biauron-1-of-3 {
        width: 26.56963%
    }

    .xl-biauron-2-of-3 {
        width: 32.84006%
    }

    .xl-biauron-3-of-3 {
        width: 40.59031%
    }

    .xl-biauron-1-of-4 {
        width: 17.69308%
    }

    .xl-biauron-2-of-4 {
        width: 21.86864%
    }

    .xl-biauron-3-of-4 {
        width: 27.02964%
    }

    .xl-biauron-4-of-4 {
        width: 33.40864%
    }

    .xl-biauron-1-of-5 {
        width: 12.52225%
    }

    .xl-biauron-2-of-5 {
        width: 15.4775%
    }

    .xl-biauron-3-of-5 {
        width: 19.1302%
    }

    .xl-biauron-4-of-5 {
        width: 23.64492%
    }

    .xl-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 100em) {
    .xxl-biauron-1-of-2 {
        width: 44.72272%
    }

    .xxl-biauron-2-of-2 {
        width: 55.27728%
    }

    .xxl-biauron-1-of-3 {
        width: 26.56963%
    }

    .xxl-biauron-2-of-3 {
        width: 32.84006%
    }

    .xxl-biauron-3-of-3 {
        width: 40.59031%
    }

    .xxl-biauron-1-of-4 {
        width: 17.69308%
    }

    .xxl-biauron-2-of-4 {
        width: 21.86864%
    }

    .xxl-biauron-3-of-4 {
        width: 27.02964%
    }

    .xxl-biauron-4-of-4 {
        width: 33.40864%
    }

    .xxl-biauron-1-of-5 {
        width: 12.52225%
    }

    .xxl-biauron-2-of-5 {
        width: 15.4775%
    }

    .xxl-biauron-3-of-5 {
        width: 19.1302%
    }

    .xxl-biauron-4-of-5 {
        width: 23.64492%
    }

    .xxl-biauron-5-of-5 {
        width: 29.22512%
    }
}

@media screen and (min-width: 0) {
    .penton-1-of-2 {
        width: 44.01408%
    }

    .penton-2-of-2 {
        width: 55.98592%
    }

    .penton-1-of-3 {
        width: 25.70705%
    }

    .penton-2-of-3 {
        width: 32.69936%
    }

    .penton-3-of-3 {
        width: 41.59359%
    }

    .penton-1-of-4 {
        width: 16.81221%
    }

    .penton-2-of-4 {
        width: 21.38513%
    }

    .penton-3-of-4 {
        width: 27.20188%
    }

    .penton-4-of-4 {
        width: 34.60079%
    }

    .penton-1-of-5 {
        width: 11.67415%
    }

    .penton-2-of-5 {
        width: 14.84952%
    }

    .penton-3-of-5 {
        width: 18.88859%
    }

    .penton-4-of-5 {
        width: 24.02629%
    }

    .penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 20em) {
    .xs-penton-1-of-2 {
        width: 44.01408%
    }

    .xs-penton-2-of-2 {
        width: 55.98592%
    }

    .xs-penton-1-of-3 {
        width: 25.70705%
    }

    .xs-penton-2-of-3 {
        width: 32.69936%
    }

    .xs-penton-3-of-3 {
        width: 41.59359%
    }

    .xs-penton-1-of-4 {
        width: 16.81221%
    }

    .xs-penton-2-of-4 {
        width: 21.38513%
    }

    .xs-penton-3-of-4 {
        width: 27.20188%
    }

    .xs-penton-4-of-4 {
        width: 34.60079%
    }

    .xs-penton-1-of-5 {
        width: 11.67415%
    }

    .xs-penton-2-of-5 {
        width: 14.84952%
    }

    .xs-penton-3-of-5 {
        width: 18.88859%
    }

    .xs-penton-4-of-5 {
        width: 24.02629%
    }

    .xs-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-penton-1-of-2 {
        width: 44.01408%
    }

    .sm-penton-2-of-2 {
        width: 55.98592%
    }

    .sm-penton-1-of-3 {
        width: 25.70705%
    }

    .sm-penton-2-of-3 {
        width: 32.69936%
    }

    .sm-penton-3-of-3 {
        width: 41.59359%
    }

    .sm-penton-1-of-4 {
        width: 16.81221%
    }

    .sm-penton-2-of-4 {
        width: 21.38513%
    }

    .sm-penton-3-of-4 {
        width: 27.20188%
    }

    .sm-penton-4-of-4 {
        width: 34.60079%
    }

    .sm-penton-1-of-5 {
        width: 11.67415%
    }

    .sm-penton-2-of-5 {
        width: 14.84952%
    }

    .sm-penton-3-of-5 {
        width: 18.88859%
    }

    .sm-penton-4-of-5 {
        width: 24.02629%
    }

    .sm-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 48em) {
    .md-penton-1-of-2 {
        width: 44.01408%
    }

    .md-penton-2-of-2 {
        width: 55.98592%
    }

    .md-penton-1-of-3 {
        width: 25.70705%
    }

    .md-penton-2-of-3 {
        width: 32.69936%
    }

    .md-penton-3-of-3 {
        width: 41.59359%
    }

    .md-penton-1-of-4 {
        width: 16.81221%
    }

    .md-penton-2-of-4 {
        width: 21.38513%
    }

    .md-penton-3-of-4 {
        width: 27.20188%
    }

    .md-penton-4-of-4 {
        width: 34.60079%
    }

    .md-penton-1-of-5 {
        width: 11.67415%
    }

    .md-penton-2-of-5 {
        width: 14.84952%
    }

    .md-penton-3-of-5 {
        width: 18.88859%
    }

    .md-penton-4-of-5 {
        width: 24.02629%
    }

    .md-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 64em) {
    .lg-penton-1-of-2 {
        width: 44.01408%
    }

    .lg-penton-2-of-2 {
        width: 55.98592%
    }

    .lg-penton-1-of-3 {
        width: 25.70705%
    }

    .lg-penton-2-of-3 {
        width: 32.69936%
    }

    .lg-penton-3-of-3 {
        width: 41.59359%
    }

    .lg-penton-1-of-4 {
        width: 16.81221%
    }

    .lg-penton-2-of-4 {
        width: 21.38513%
    }

    .lg-penton-3-of-4 {
        width: 27.20188%
    }

    .lg-penton-4-of-4 {
        width: 34.60079%
    }

    .lg-penton-1-of-5 {
        width: 11.67415%
    }

    .lg-penton-2-of-5 {
        width: 14.84952%
    }

    .lg-penton-3-of-5 {
        width: 18.88859%
    }

    .lg-penton-4-of-5 {
        width: 24.02629%
    }

    .lg-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-penton-1-of-2 {
        width: 44.01408%
    }

    .xl-penton-2-of-2 {
        width: 55.98592%
    }

    .xl-penton-1-of-3 {
        width: 25.70705%
    }

    .xl-penton-2-of-3 {
        width: 32.69936%
    }

    .xl-penton-3-of-3 {
        width: 41.59359%
    }

    .xl-penton-1-of-4 {
        width: 16.81221%
    }

    .xl-penton-2-of-4 {
        width: 21.38513%
    }

    .xl-penton-3-of-4 {
        width: 27.20188%
    }

    .xl-penton-4-of-4 {
        width: 34.60079%
    }

    .xl-penton-1-of-5 {
        width: 11.67415%
    }

    .xl-penton-2-of-5 {
        width: 14.84952%
    }

    .xl-penton-3-of-5 {
        width: 18.88859%
    }

    .xl-penton-4-of-5 {
        width: 24.02629%
    }

    .xl-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 100em) {
    .xxl-penton-1-of-2 {
        width: 44.01408%
    }

    .xxl-penton-2-of-2 {
        width: 55.98592%
    }

    .xxl-penton-1-of-3 {
        width: 25.70705%
    }

    .xxl-penton-2-of-3 {
        width: 32.69936%
    }

    .xxl-penton-3-of-3 {
        width: 41.59359%
    }

    .xxl-penton-1-of-4 {
        width: 16.81221%
    }

    .xxl-penton-2-of-4 {
        width: 21.38513%
    }

    .xxl-penton-3-of-4 {
        width: 27.20188%
    }

    .xxl-penton-4-of-4 {
        width: 34.60079%
    }

    .xxl-penton-1-of-5 {
        width: 11.67415%
    }

    .xxl-penton-2-of-5 {
        width: 14.84952%
    }

    .xxl-penton-3-of-5 {
        width: 18.88859%
    }

    .xxl-penton-4-of-5 {
        width: 24.02629%
    }

    .xxl-penton-5-of-5 {
        width: 30.56144%
    }
}

@media screen and (min-width: 0) {
    .diagon-1-of-2 {
        width: 41.42502%
    }

    .diagon-2-of-2 {
        width: 58.57498%
    }

    .diagon-1-of-3 {
        width: 22.65829%
    }

    .diagon-2-of-3 {
        width: 32.03882%
    }

    .diagon-3-of-3 {
        width: 45.30289%
    }

    .diagon-1-of-4 {
        width: 13.81112%
    }

    .diagon-2-of-4 {
        width: 19.52892%
    }

    .diagon-3-of-4 {
        width: 27.6139%
    }

    .diagon-4-of-4 {
        width: 39.04605%
    }

    .diagon-1-of-5 {
        width: 8.89828%
    }

    .diagon-2-of-5 {
        width: 12.58217%
    }

    .diagon-3-of-5 {
        width: 17.79119%
    }

    .diagon-4-of-5 {
        width: 25.15674%
    }

    .diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 20em) {
    .xs-diagon-1-of-2 {
        width: 41.42502%
    }

    .xs-diagon-2-of-2 {
        width: 58.57498%
    }

    .xs-diagon-1-of-3 {
        width: 22.65829%
    }

    .xs-diagon-2-of-3 {
        width: 32.03882%
    }

    .xs-diagon-3-of-3 {
        width: 45.30289%
    }

    .xs-diagon-1-of-4 {
        width: 13.81112%
    }

    .xs-diagon-2-of-4 {
        width: 19.52892%
    }

    .xs-diagon-3-of-4 {
        width: 27.6139%
    }

    .xs-diagon-4-of-4 {
        width: 39.04605%
    }

    .xs-diagon-1-of-5 {
        width: 8.89828%
    }

    .xs-diagon-2-of-5 {
        width: 12.58217%
    }

    .xs-diagon-3-of-5 {
        width: 17.79119%
    }

    .xs-diagon-4-of-5 {
        width: 25.15674%
    }

    .xs-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-diagon-1-of-2 {
        width: 41.42502%
    }

    .sm-diagon-2-of-2 {
        width: 58.57498%
    }

    .sm-diagon-1-of-3 {
        width: 22.65829%
    }

    .sm-diagon-2-of-3 {
        width: 32.03882%
    }

    .sm-diagon-3-of-3 {
        width: 45.30289%
    }

    .sm-diagon-1-of-4 {
        width: 13.81112%
    }

    .sm-diagon-2-of-4 {
        width: 19.52892%
    }

    .sm-diagon-3-of-4 {
        width: 27.6139%
    }

    .sm-diagon-4-of-4 {
        width: 39.04605%
    }

    .sm-diagon-1-of-5 {
        width: 8.89828%
    }

    .sm-diagon-2-of-5 {
        width: 12.58217%
    }

    .sm-diagon-3-of-5 {
        width: 17.79119%
    }

    .sm-diagon-4-of-5 {
        width: 25.15674%
    }

    .sm-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 48em) {
    .md-diagon-1-of-2 {
        width: 41.42502%
    }

    .md-diagon-2-of-2 {
        width: 58.57498%
    }

    .md-diagon-1-of-3 {
        width: 22.65829%
    }

    .md-diagon-2-of-3 {
        width: 32.03882%
    }

    .md-diagon-3-of-3 {
        width: 45.30289%
    }

    .md-diagon-1-of-4 {
        width: 13.81112%
    }

    .md-diagon-2-of-4 {
        width: 19.52892%
    }

    .md-diagon-3-of-4 {
        width: 27.6139%
    }

    .md-diagon-4-of-4 {
        width: 39.04605%
    }

    .md-diagon-1-of-5 {
        width: 8.89828%
    }

    .md-diagon-2-of-5 {
        width: 12.58217%
    }

    .md-diagon-3-of-5 {
        width: 17.79119%
    }

    .md-diagon-4-of-5 {
        width: 25.15674%
    }

    .md-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 64em) {
    .lg-diagon-1-of-2 {
        width: 41.42502%
    }

    .lg-diagon-2-of-2 {
        width: 58.57498%
    }

    .lg-diagon-1-of-3 {
        width: 22.65829%
    }

    .lg-diagon-2-of-3 {
        width: 32.03882%
    }

    .lg-diagon-3-of-3 {
        width: 45.30289%
    }

    .lg-diagon-1-of-4 {
        width: 13.81112%
    }

    .lg-diagon-2-of-4 {
        width: 19.52892%
    }

    .lg-diagon-3-of-4 {
        width: 27.6139%
    }

    .lg-diagon-4-of-4 {
        width: 39.04605%
    }

    .lg-diagon-1-of-5 {
        width: 8.89828%
    }

    .lg-diagon-2-of-5 {
        width: 12.58217%
    }

    .lg-diagon-3-of-5 {
        width: 17.79119%
    }

    .lg-diagon-4-of-5 {
        width: 25.15674%
    }

    .lg-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-diagon-1-of-2 {
        width: 41.42502%
    }

    .xl-diagon-2-of-2 {
        width: 58.57498%
    }

    .xl-diagon-1-of-3 {
        width: 22.65829%
    }

    .xl-diagon-2-of-3 {
        width: 32.03882%
    }

    .xl-diagon-3-of-3 {
        width: 45.30289%
    }

    .xl-diagon-1-of-4 {
        width: 13.81112%
    }

    .xl-diagon-2-of-4 {
        width: 19.52892%
    }

    .xl-diagon-3-of-4 {
        width: 27.6139%
    }

    .xl-diagon-4-of-4 {
        width: 39.04605%
    }

    .xl-diagon-1-of-5 {
        width: 8.89828%
    }

    .xl-diagon-2-of-5 {
        width: 12.58217%
    }

    .xl-diagon-3-of-5 {
        width: 17.79119%
    }

    .xl-diagon-4-of-5 {
        width: 25.15674%
    }

    .xl-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 100em) {
    .xxl-diagon-1-of-2 {
        width: 41.42502%
    }

    .xxl-diagon-2-of-2 {
        width: 58.57498%
    }

    .xxl-diagon-1-of-3 {
        width: 22.65829%
    }

    .xxl-diagon-2-of-3 {
        width: 32.03882%
    }

    .xxl-diagon-3-of-3 {
        width: 45.30289%
    }

    .xxl-diagon-1-of-4 {
        width: 13.81112%
    }

    .xxl-diagon-2-of-4 {
        width: 19.52892%
    }

    .xxl-diagon-3-of-4 {
        width: 27.6139%
    }

    .xxl-diagon-4-of-4 {
        width: 39.04605%
    }

    .xxl-diagon-1-of-5 {
        width: 8.89828%
    }

    .xxl-diagon-2-of-5 {
        width: 12.58217%
    }

    .xxl-diagon-3-of-5 {
        width: 17.79119%
    }

    .xxl-diagon-4-of-5 {
        width: 25.15674%
    }

    .xxl-diagon-5-of-5 {
        width: 35.57163%
    }
}

@media screen and (min-width: 0) {
    .bipenton-1-of-2 {
        width: 40.68348%
    }

    .bipenton-2-of-2 {
        width: 59.31652%
    }

    .bipenton-1-of-3 {
        width: 21.81613%
    }

    .bipenton-2-of-3 {
        width: 31.80792%
    }

    .bipenton-3-of-3 {
        width: 46.37595%
    }

    .bipenton-1-of-4 {
        width: 13.01553%
    }

    .bipenton-2-of-4 {
        width: 18.97665%
    }

    .bipenton-3-of-4 {
        width: 27.66795%
    }

    .bipenton-4-of-4 {
        width: 40.33987%
    }

    .bipenton-1-of-5 {
        width: 8.19538%
    }

    .bipenton-2-of-5 {
        width: 11.94886%
    }

    .bipenton-3-of-5 {
        width: 17.42144%
    }

    .bipenton-4-of-5 {
        width: 25.40046%
    }

    .bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 20em) {
    .xs-bipenton-1-of-2 {
        width: 40.68348%
    }

    .xs-bipenton-2-of-2 {
        width: 59.31652%
    }

    .xs-bipenton-1-of-3 {
        width: 21.81613%
    }

    .xs-bipenton-2-of-3 {
        width: 31.80792%
    }

    .xs-bipenton-3-of-3 {
        width: 46.37595%
    }

    .xs-bipenton-1-of-4 {
        width: 13.01553%
    }

    .xs-bipenton-2-of-4 {
        width: 18.97665%
    }

    .xs-bipenton-3-of-4 {
        width: 27.66795%
    }

    .xs-bipenton-4-of-4 {
        width: 40.33987%
    }

    .xs-bipenton-1-of-5 {
        width: 8.19538%
    }

    .xs-bipenton-2-of-5 {
        width: 11.94886%
    }

    .xs-bipenton-3-of-5 {
        width: 17.42144%
    }

    .xs-bipenton-4-of-5 {
        width: 25.40046%
    }

    .xs-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-bipenton-1-of-2 {
        width: 40.68348%
    }

    .sm-bipenton-2-of-2 {
        width: 59.31652%
    }

    .sm-bipenton-1-of-3 {
        width: 21.81613%
    }

    .sm-bipenton-2-of-3 {
        width: 31.80792%
    }

    .sm-bipenton-3-of-3 {
        width: 46.37595%
    }

    .sm-bipenton-1-of-4 {
        width: 13.01553%
    }

    .sm-bipenton-2-of-4 {
        width: 18.97665%
    }

    .sm-bipenton-3-of-4 {
        width: 27.66795%
    }

    .sm-bipenton-4-of-4 {
        width: 40.33987%
    }

    .sm-bipenton-1-of-5 {
        width: 8.19538%
    }

    .sm-bipenton-2-of-5 {
        width: 11.94886%
    }

    .sm-bipenton-3-of-5 {
        width: 17.42144%
    }

    .sm-bipenton-4-of-5 {
        width: 25.40046%
    }

    .sm-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 48em) {
    .md-bipenton-1-of-2 {
        width: 40.68348%
    }

    .md-bipenton-2-of-2 {
        width: 59.31652%
    }

    .md-bipenton-1-of-3 {
        width: 21.81613%
    }

    .md-bipenton-2-of-3 {
        width: 31.80792%
    }

    .md-bipenton-3-of-3 {
        width: 46.37595%
    }

    .md-bipenton-1-of-4 {
        width: 13.01553%
    }

    .md-bipenton-2-of-4 {
        width: 18.97665%
    }

    .md-bipenton-3-of-4 {
        width: 27.66795%
    }

    .md-bipenton-4-of-4 {
        width: 40.33987%
    }

    .md-bipenton-1-of-5 {
        width: 8.19538%
    }

    .md-bipenton-2-of-5 {
        width: 11.94886%
    }

    .md-bipenton-3-of-5 {
        width: 17.42144%
    }

    .md-bipenton-4-of-5 {
        width: 25.40046%
    }

    .md-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 64em) {
    .lg-bipenton-1-of-2 {
        width: 40.68348%
    }

    .lg-bipenton-2-of-2 {
        width: 59.31652%
    }

    .lg-bipenton-1-of-3 {
        width: 21.81613%
    }

    .lg-bipenton-2-of-3 {
        width: 31.80792%
    }

    .lg-bipenton-3-of-3 {
        width: 46.37595%
    }

    .lg-bipenton-1-of-4 {
        width: 13.01553%
    }

    .lg-bipenton-2-of-4 {
        width: 18.97665%
    }

    .lg-bipenton-3-of-4 {
        width: 27.66795%
    }

    .lg-bipenton-4-of-4 {
        width: 40.33987%
    }

    .lg-bipenton-1-of-5 {
        width: 8.19538%
    }

    .lg-bipenton-2-of-5 {
        width: 11.94886%
    }

    .lg-bipenton-3-of-5 {
        width: 17.42144%
    }

    .lg-bipenton-4-of-5 {
        width: 25.40046%
    }

    .lg-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-bipenton-1-of-2 {
        width: 40.68348%
    }

    .xl-bipenton-2-of-2 {
        width: 59.31652%
    }

    .xl-bipenton-1-of-3 {
        width: 21.81613%
    }

    .xl-bipenton-2-of-3 {
        width: 31.80792%
    }

    .xl-bipenton-3-of-3 {
        width: 46.37595%
    }

    .xl-bipenton-1-of-4 {
        width: 13.01553%
    }

    .xl-bipenton-2-of-4 {
        width: 18.97665%
    }

    .xl-bipenton-3-of-4 {
        width: 27.66795%
    }

    .xl-bipenton-4-of-4 {
        width: 40.33987%
    }

    .xl-bipenton-1-of-5 {
        width: 8.19538%
    }

    .xl-bipenton-2-of-5 {
        width: 11.94886%
    }

    .xl-bipenton-3-of-5 {
        width: 17.42144%
    }

    .xl-bipenton-4-of-5 {
        width: 25.40046%
    }

    .xl-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 100em) {
    .xxl-bipenton-1-of-2 {
        width: 40.68348%
    }

    .xxl-bipenton-2-of-2 {
        width: 59.31652%
    }

    .xxl-bipenton-1-of-3 {
        width: 21.81613%
    }

    .xxl-bipenton-2-of-3 {
        width: 31.80792%
    }

    .xxl-bipenton-3-of-3 {
        width: 46.37595%
    }

    .xxl-bipenton-1-of-4 {
        width: 13.01553%
    }

    .xxl-bipenton-2-of-4 {
        width: 18.97665%
    }

    .xxl-bipenton-3-of-4 {
        width: 27.66795%
    }

    .xxl-bipenton-4-of-4 {
        width: 40.33987%
    }

    .xxl-bipenton-1-of-5 {
        width: 8.19538%
    }

    .xxl-bipenton-2-of-5 {
        width: 11.94886%
    }

    .xxl-bipenton-3-of-5 {
        width: 17.42144%
    }

    .xxl-bipenton-4-of-5 {
        width: 25.40046%
    }

    .xxl-bipenton-5-of-5 {
        width: 37.03387%
    }
}

@media screen and (min-width: 0) {
    .hemiolion-1-of-2 {
        width: 40%
    }

    .hemiolion-2-of-2 {
        width: 60%
    }

    .hemiolion-1-of-3 {
        width: 21.05263%
    }

    .hemiolion-2-of-3 {
        width: 31.57895%
    }

    .hemiolion-3-of-3 {
        width: 47.36842%
    }

    .hemiolion-1-of-4 {
        width: 12.30769%
    }

    .hemiolion-2-of-4 {
        width: 18.46154%
    }

    .hemiolion-3-of-4 {
        width: 27.69231%
    }

    .hemiolion-4-of-4 {
        width: 41.53846%
    }

    .hemiolion-1-of-5 {
        width: 7.58294%
    }

    .hemiolion-2-of-5 {
        width: 11.37441%
    }

    .hemiolion-3-of-5 {
        width: 17.06161%
    }

    .hemiolion-4-of-5 {
        width: 25.59242%
    }

    .hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 20em) {
    .xs-hemiolion-1-of-2 {
        width: 40%
    }

    .xs-hemiolion-2-of-2 {
        width: 60%
    }

    .xs-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .xs-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .xs-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .xs-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .xs-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .xs-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .xs-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .xs-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .xs-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .xs-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .xs-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .xs-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-hemiolion-1-of-2 {
        width: 40%
    }

    .sm-hemiolion-2-of-2 {
        width: 60%
    }

    .sm-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .sm-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .sm-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .sm-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .sm-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .sm-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .sm-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .sm-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .sm-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .sm-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .sm-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .sm-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 48em) {
    .md-hemiolion-1-of-2 {
        width: 40%
    }

    .md-hemiolion-2-of-2 {
        width: 60%
    }

    .md-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .md-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .md-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .md-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .md-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .md-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .md-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .md-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .md-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .md-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .md-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .md-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 64em) {
    .lg-hemiolion-1-of-2 {
        width: 40%
    }

    .lg-hemiolion-2-of-2 {
        width: 60%
    }

    .lg-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .lg-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .lg-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .lg-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .lg-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .lg-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .lg-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .lg-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .lg-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .lg-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .lg-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .lg-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-hemiolion-1-of-2 {
        width: 40%
    }

    .xl-hemiolion-2-of-2 {
        width: 60%
    }

    .xl-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .xl-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .xl-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .xl-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .xl-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .xl-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .xl-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .xl-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .xl-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .xl-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .xl-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .xl-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 100em) {
    .xxl-hemiolion-1-of-2 {
        width: 40%
    }

    .xxl-hemiolion-2-of-2 {
        width: 60%
    }

    .xxl-hemiolion-1-of-3 {
        width: 21.05263%
    }

    .xxl-hemiolion-2-of-3 {
        width: 31.57895%
    }

    .xxl-hemiolion-3-of-3 {
        width: 47.36842%
    }

    .xxl-hemiolion-1-of-4 {
        width: 12.30769%
    }

    .xxl-hemiolion-2-of-4 {
        width: 18.46154%
    }

    .xxl-hemiolion-3-of-4 {
        width: 27.69231%
    }

    .xxl-hemiolion-4-of-4 {
        width: 41.53846%
    }

    .xxl-hemiolion-1-of-5 {
        width: 7.58294%
    }

    .xxl-hemiolion-2-of-5 {
        width: 11.37441%
    }

    .xxl-hemiolion-3-of-5 {
        width: 17.06161%
    }

    .xxl-hemiolion-4-of-5 {
        width: 25.59242%
    }

    .xxl-hemiolion-5-of-5 {
        width: 38.38863%
    }
}

@media screen and (min-width: 0) {
    .auron-1-of-2 {
        width: 38.1971%
    }

    .auron-2-of-2 {
        width: 61.8029%
    }

    .auron-1-of-3 {
        width: 19.09883%
    }

    .auron-2-of-3 {
        width: 30.9019%
    }

    .auron-3-of-3 {
        width: 49.99927%
    }

    .auron-1-of-4 {
        width: 10.55774%
    }

    .auron-2-of-4 {
        width: 17.08242%
    }

    .auron-3-of-4 {
        width: 27.63936%
    }

    .auron-4-of-4 {
        width: 44.72048%
    }

    .auron-1-of-5 {
        width: 6.12548%
    }

    .auron-2-of-5 {
        width: 9.91103%
    }

    .auron-3-of-5 {
        width: 16.03604%
    }

    .auron-4-of-5 {
        width: 25.94631%
    }

    .auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 20em) {
    .xs-auron-1-of-2 {
        width: 38.1971%
    }

    .xs-auron-2-of-2 {
        width: 61.8029%
    }

    .xs-auron-1-of-3 {
        width: 19.09883%
    }

    .xs-auron-2-of-3 {
        width: 30.9019%
    }

    .xs-auron-3-of-3 {
        width: 49.99927%
    }

    .xs-auron-1-of-4 {
        width: 10.55774%
    }

    .xs-auron-2-of-4 {
        width: 17.08242%
    }

    .xs-auron-3-of-4 {
        width: 27.63936%
    }

    .xs-auron-4-of-4 {
        width: 44.72048%
    }

    .xs-auron-1-of-5 {
        width: 6.12548%
    }

    .xs-auron-2-of-5 {
        width: 9.91103%
    }

    .xs-auron-3-of-5 {
        width: 16.03604%
    }

    .xs-auron-4-of-5 {
        width: 25.94631%
    }

    .xs-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-auron-1-of-2 {
        width: 38.1971%
    }

    .sm-auron-2-of-2 {
        width: 61.8029%
    }

    .sm-auron-1-of-3 {
        width: 19.09883%
    }

    .sm-auron-2-of-3 {
        width: 30.9019%
    }

    .sm-auron-3-of-3 {
        width: 49.99927%
    }

    .sm-auron-1-of-4 {
        width: 10.55774%
    }

    .sm-auron-2-of-4 {
        width: 17.08242%
    }

    .sm-auron-3-of-4 {
        width: 27.63936%
    }

    .sm-auron-4-of-4 {
        width: 44.72048%
    }

    .sm-auron-1-of-5 {
        width: 6.12548%
    }

    .sm-auron-2-of-5 {
        width: 9.91103%
    }

    .sm-auron-3-of-5 {
        width: 16.03604%
    }

    .sm-auron-4-of-5 {
        width: 25.94631%
    }

    .sm-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 48em) {
    .md-auron-1-of-2 {
        width: 38.1971%
    }

    .md-auron-2-of-2 {
        width: 61.8029%
    }

    .md-auron-1-of-3 {
        width: 19.09883%
    }

    .md-auron-2-of-3 {
        width: 30.9019%
    }

    .md-auron-3-of-3 {
        width: 49.99927%
    }

    .md-auron-1-of-4 {
        width: 10.55774%
    }

    .md-auron-2-of-4 {
        width: 17.08242%
    }

    .md-auron-3-of-4 {
        width: 27.63936%
    }

    .md-auron-4-of-4 {
        width: 44.72048%
    }

    .md-auron-1-of-5 {
        width: 6.12548%
    }

    .md-auron-2-of-5 {
        width: 9.91103%
    }

    .md-auron-3-of-5 {
        width: 16.03604%
    }

    .md-auron-4-of-5 {
        width: 25.94631%
    }

    .md-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 64em) {
    .lg-auron-1-of-2 {
        width: 38.1971%
    }

    .lg-auron-2-of-2 {
        width: 61.8029%
    }

    .lg-auron-1-of-3 {
        width: 19.09883%
    }

    .lg-auron-2-of-3 {
        width: 30.9019%
    }

    .lg-auron-3-of-3 {
        width: 49.99927%
    }

    .lg-auron-1-of-4 {
        width: 10.55774%
    }

    .lg-auron-2-of-4 {
        width: 17.08242%
    }

    .lg-auron-3-of-4 {
        width: 27.63936%
    }

    .lg-auron-4-of-4 {
        width: 44.72048%
    }

    .lg-auron-1-of-5 {
        width: 6.12548%
    }

    .lg-auron-2-of-5 {
        width: 9.91103%
    }

    .lg-auron-3-of-5 {
        width: 16.03604%
    }

    .lg-auron-4-of-5 {
        width: 25.94631%
    }

    .lg-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-auron-1-of-2 {
        width: 38.1971%
    }

    .xl-auron-2-of-2 {
        width: 61.8029%
    }

    .xl-auron-1-of-3 {
        width: 19.09883%
    }

    .xl-auron-2-of-3 {
        width: 30.9019%
    }

    .xl-auron-3-of-3 {
        width: 49.99927%
    }

    .xl-auron-1-of-4 {
        width: 10.55774%
    }

    .xl-auron-2-of-4 {
        width: 17.08242%
    }

    .xl-auron-3-of-4 {
        width: 27.63936%
    }

    .xl-auron-4-of-4 {
        width: 44.72048%
    }

    .xl-auron-1-of-5 {
        width: 6.12548%
    }

    .xl-auron-2-of-5 {
        width: 9.91103%
    }

    .xl-auron-3-of-5 {
        width: 16.03604%
    }

    .xl-auron-4-of-5 {
        width: 25.94631%
    }

    .xl-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 100em) {
    .xxl-auron-1-of-2 {
        width: 38.1971%
    }

    .xxl-auron-2-of-2 {
        width: 61.8029%
    }

    .xxl-auron-1-of-3 {
        width: 19.09883%
    }

    .xxl-auron-2-of-3 {
        width: 30.9019%
    }

    .xxl-auron-3-of-3 {
        width: 49.99927%
    }

    .xxl-auron-1-of-4 {
        width: 10.55774%
    }

    .xxl-auron-2-of-4 {
        width: 17.08242%
    }

    .xxl-auron-3-of-4 {
        width: 27.63936%
    }

    .xxl-auron-4-of-4 {
        width: 44.72048%
    }

    .xxl-auron-1-of-5 {
        width: 6.12548%
    }

    .xxl-auron-2-of-5 {
        width: 9.91103%
    }

    .xxl-auron-3-of-5 {
        width: 16.03604%
    }

    .xxl-auron-4-of-5 {
        width: 25.94631%
    }

    .xxl-auron-5-of-5 {
        width: 41.98114%
    }
}

@media screen and (min-width: 0) {
    .hecton-1-of-2 {
        width: 36.60322%
    }

    .hecton-2-of-2 {
        width: 63.39678%
    }

    .hecton-1-of-3 {
        width: 17.44645%
    }

    .hecton-2-of-3 {
        width: 30.21726%
    }

    .hecton-3-of-3 {
        width: 52.33629%
    }

    .hecton-1-of-4 {
        width: 9.15121%
    }

    .hecton-2-of-4 {
        width: 15.84989%
    }

    .hecton-3-of-4 {
        width: 27.45201%
    }

    .hecton-4-of-4 {
        width: 47.54689%
    }

    .hecton-1-of-5 {
        width: 5.01845%
    }

    .hecton-2-of-5 {
        width: 8.69196%
    }

    .hecton-3-of-5 {
        width: 15.05447%
    }

    .hecton-4-of-5 {
        width: 26.07435%
    }

    .hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 20em) {
    .xs-hecton-1-of-2 {
        width: 36.60322%
    }

    .xs-hecton-2-of-2 {
        width: 63.39678%
    }

    .xs-hecton-1-of-3 {
        width: 17.44645%
    }

    .xs-hecton-2-of-3 {
        width: 30.21726%
    }

    .xs-hecton-3-of-3 {
        width: 52.33629%
    }

    .xs-hecton-1-of-4 {
        width: 9.15121%
    }

    .xs-hecton-2-of-4 {
        width: 15.84989%
    }

    .xs-hecton-3-of-4 {
        width: 27.45201%
    }

    .xs-hecton-4-of-4 {
        width: 47.54689%
    }

    .xs-hecton-1-of-5 {
        width: 5.01845%
    }

    .xs-hecton-2-of-5 {
        width: 8.69196%
    }

    .xs-hecton-3-of-5 {
        width: 15.05447%
    }

    .xs-hecton-4-of-5 {
        width: 26.07435%
    }

    .xs-hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 34.375em) {
    .sm-hecton-1-of-2 {
        width: 36.60322%
    }

    .sm-hecton-2-of-2 {
        width: 63.39678%
    }

    .sm-hecton-1-of-3 {
        width: 17.44645%
    }

    .sm-hecton-2-of-3 {
        width: 30.21726%
    }

    .sm-hecton-3-of-3 {
        width: 52.33629%
    }

    .sm-hecton-1-of-4 {
        width: 9.15121%
    }

    .sm-hecton-2-of-4 {
        width: 15.84989%
    }

    .sm-hecton-3-of-4 {
        width: 27.45201%
    }

    .sm-hecton-4-of-4 {
        width: 47.54689%
    }

    .sm-hecton-1-of-5 {
        width: 5.01845%
    }

    .sm-hecton-2-of-5 {
        width: 8.69196%
    }

    .sm-hecton-3-of-5 {
        width: 15.05447%
    }

    .sm-hecton-4-of-5 {
        width: 26.07435%
    }

    .sm-hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 48em) {
    .md-hecton-1-of-2 {
        width: 36.60322%
    }

    .md-hecton-2-of-2 {
        width: 63.39678%
    }

    .md-hecton-1-of-3 {
        width: 17.44645%
    }

    .md-hecton-2-of-3 {
        width: 30.21726%
    }

    .md-hecton-3-of-3 {
        width: 52.33629%
    }

    .md-hecton-1-of-4 {
        width: 9.15121%
    }

    .md-hecton-2-of-4 {
        width: 15.84989%
    }

    .md-hecton-3-of-4 {
        width: 27.45201%
    }

    .md-hecton-4-of-4 {
        width: 47.54689%
    }

    .md-hecton-1-of-5 {
        width: 5.01845%
    }

    .md-hecton-2-of-5 {
        width: 8.69196%
    }

    .md-hecton-3-of-5 {
        width: 15.05447%
    }

    .md-hecton-4-of-5 {
        width: 26.07435%
    }

    .md-hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 64em) {
    .lg-hecton-1-of-2 {
        width: 36.60322%
    }

    .lg-hecton-2-of-2 {
        width: 63.39678%
    }

    .lg-hecton-1-of-3 {
        width: 17.44645%
    }

    .lg-hecton-2-of-3 {
        width: 30.21726%
    }

    .lg-hecton-3-of-3 {
        width: 52.33629%
    }

    .lg-hecton-1-of-4 {
        width: 9.15121%
    }

    .lg-hecton-2-of-4 {
        width: 15.84989%
    }

    .lg-hecton-3-of-4 {
        width: 27.45201%
    }

    .lg-hecton-4-of-4 {
        width: 47.54689%
    }

    .lg-hecton-1-of-5 {
        width: 5.01845%
    }

    .lg-hecton-2-of-5 {
        width: 8.69196%
    }

    .lg-hecton-3-of-5 {
        width: 15.05447%
    }

    .lg-hecton-4-of-5 {
        width: 26.07435%
    }

    .lg-hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-hecton-1-of-2 {
        width: 36.60322%
    }

    .xl-hecton-2-of-2 {
        width: 63.39678%
    }

    .xl-hecton-1-of-3 {
        width: 17.44645%
    }

    .xl-hecton-2-of-3 {
        width: 30.21726%
    }

    .xl-hecton-3-of-3 {
        width: 52.33629%
    }

    .xl-hecton-1-of-4 {
        width: 9.15121%
    }

    .xl-hecton-2-of-4 {
        width: 15.84989%
    }

    .xl-hecton-3-of-4 {
        width: 27.45201%
    }

    .xl-hecton-4-of-4 {
        width: 47.54689%
    }

    .xl-hecton-1-of-5 {
        width: 5.01845%
    }

    .xl-hecton-2-of-5 {
        width: 8.69196%
    }

    .xl-hecton-3-of-5 {
        width: 15.05447%
    }

    .xl-hecton-4-of-5 {
        width: 26.07435%
    }

    .xl-hecton-5-of-5 {
        width: 45.16077%
    }
}

@media screen and (min-width: 100em) {
    .xxl-hecton-1-of-2 {
        width: 36.60322%
    }

    .xxl-hecton-2-of-2 {
        width: 63.39678%
    }

    .xxl-hecton-1-of-3 {
        width: 17.44645%
    }

    .xxl-hecton-2-of-3 {
        width: 30.21726%
    }

    .xxl-hecton-3-of-3 {
        width: 52.33629%
    }

    .xxl-hecton-1-of-4 {
        width: 9.15121%
    }

    .xxl-hecton-2-of-4 {
        width: 15.84989%
    }

    .xxl-hecton-3-of-4 {
        width: 27.45201%
    }

    .xxl-hecton-4-of-4 {
        width: 47.54689%
    }

    .xxl-hecton-1-of-5 {
        width: 5.01845%
    }

    .xxl-hecton-2-of-5 {
        width: 8.69196%
    }

    .xxl-hecton-3-of-5 {
        width: 15.05447%
    }

    .xxl-hecton-4-of-5 {
        width: 26.07435%
    }

    .xxl-hecton-5-of-5 {
        width: 45.16077%
    }
}

.two-up > * {
    width: 50%
}

.three-up > * {
    width: 33.333333%
}

.four-up > * {
    width: 25%
}

.five-up > * {
    width: 20%
}

.six-up > * {
    width: 16.6666666%
}

.seven-up > * {
    width: 14.285714286%
}

.eight-up > * {
    width: 12.5%
}

.nine-up > * {
    width: 11.111111111%
}

.ten-up {
    width: 10%
}

.eleven-up > * {
    width: 9.090909091%
}

.twelve-up > * {
    width: 8.333333333%
}

@media screen and (min-width: 34.375em) {
    .sm-two-up > * {
        width: 50%
    }

    .sm-three-up > * {
        width: 33.333333%
    }

    .sm-four-up > * {
        width: 25%
    }

    .sm-five-up > * {
        width: 20%
    }

    .sm-six-up > * {
        width: 16.6666666%
    }

    .sm-seven-up > * {
        width: 14.285714286%
    }

    .sm-eight-up > * {
        width: 12.5%
    }

    .sm-nine-up > * {
        width: 11.111111111%
    }

    .sm-ten-up {
        width: 10%
    }

    .sm-eleven-up > * {
        width: 9.090909091%
    }

    .sm-twelve-up > * {
        width: 8.333333333%
    }
}

@media screen and (min-width: 48em) {
    .md-two-up > * {
        width: 50%
    }

    .md-three-up > * {
        width: 33.333333%
    }

    .md-four-up > * {
        width: 25%
    }

    .md-five-up > * {
        width: 20%
    }

    .md-six-up > * {
        width: 16.6666666%
    }

    .md-seven-up > * {
        width: 14.285714286%
    }

    .md-eight-up > * {
        width: 12.5%
    }

    .md-nine-up > * {
        width: 11.111111111%
    }

    .md-ten-up {
        width: 10%
    }

    .md-eleven-up > * {
        width: 9.090909091%
    }

    .md-twelve-up > * {
        width: 8.333333333%
    }
}

@media screen and (min-width: 64em) {
    .lg-two-up > * {
        width: 50%
    }

    .lg-three-up > * {
        width: 33.333333%
    }

    .lg-four-up > * {
        width: 25%
    }

    .lg-five-up > * {
        width: 20%
    }

    .lg-six-up > * {
        width: 16.6666666%
    }

    .lg-seven-up > * {
        width: 14.285714286%
    }

    .lg-eight-up > * {
        width: 12.5%
    }

    .lg-nine-up > * {
        width: 11.111111111%
    }

    .lg-ten-up {
        width: 10%
    }

    .lg-eleven-up > * {
        width: 9.090909091%
    }

    .lg-twelve-up > * {
        width: 8.333333333%
    }
}

@media screen and (min-width: 78.5em) {
    .xl-two-up > * {
        width: 50%
    }

    .xl-three-up > * {
        width: 33.333333%
    }

    .xl-four-up > * {
        width: 25%
    }

    .xl-five-up > * {
        width: 20%
    }

    .xl-six-up > * {
        width: 16.6666666%
    }

    .xl-seven-up > * {
        width: 14.285714286%
    }

    .xl-eight-up > * {
        width: 12.5%
    }

    .xl-nine-up > * {
        width: 11.111111111%
    }

    .xl-ten-up {
        width: 10%
    }

    .xl-eleven-up > * {
        width: 9.090909091%
    }

    .xl-twelve-up > * {
        width: 8.333333333%
    }
}

.media {
    display: block;
    zoom: 1;
    margin-bottom: 1em
}

.media:before, .media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media__left, .media__right {
    padding-bottom: 2em
}

@media screen and (min-width: 34.375em) {
    .media__left, .media__right {
        padding-bottom: 0
    }

    .media__left {
        float: left;
        margin-right: 2em
    }

    .media__right {
        float: right;
        margin-left: 2em
    }
}

.media__left img, .media__right img {
    display: block
}

.media__body {
    overflow: hidden
}

.media__body, .media__body > :last-child {
    margin-bottom: 0
}

.is-hidden {
    display: none
}

.is-visually-hidden {
    position: absolute;
    left: -9999%;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media screen and (min-width: 20em) {
    .xs-is-hidden {
        display: none
    }

    .xs-is-visually-hidden {
        position: absolute;
        left: -9999%;
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media screen and (min-width: 34.375em) {
    .sm-is-hidden {
        display: none
    }

    .sm-is-visually-hidden {
        position: absolute;
        left: -9999%;
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media screen and (min-width: 48em) {
    .md-is-hidden {
        display: none
    }

    .md-is-visually-hidden {
        position: absolute;
        left: -9999%;
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media screen and (min-width: 64em) {
    .lg-is-hidden {
        display: none
    }

    .lg-is-visually-hidden {
        position: absolute;
        left: -9999%;
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media screen and (min-width: 78.5em) {
    .xl-is-hidden {
        display: none
    }

    .xl-is-visually-hidden {
        position: absolute;
        left: -9999%;
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: #272727
}

@media screen and (min-width: 78.5em) {
    html {
        font-size: 1.25vw
    }
}

body {
    font-family: "proxima-nova", helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #010101
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: "proxima-nova", helvetica, sans-serif;
    text-transform: capitalize
}

h1, .h1 {
    font-size: 2em;
    line-height: 1;
    margin-bottom: 1em
}

@media screen and (min-width: 34.375em) {
    h1, .h1 {
        font-size: 2.5em
    }
}

@media screen and (min-width: 48em) {
    h1, .h1 {
	font-size: xx-large
    }
}

h2, .h2 {
    font-size: 1.85em;
    line-height: 1.333;
    margin-bottom: .25em
}

@media screen and (min-width: 34.375em) {
    h2, .h2 {
	font-size: 2.25em;
    }
}

p + h2, p + .h2 {
    margin-top: 1.33333em
}

h3, .h3 {
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-weight: 700
}

p + h3, p + .h3 {
    margin-top: 2
}

h4, .h4 {
    font-size: 1.3125em;
    line-height: 1.142857142857143em;
    margin-bottom: 1.142857142857143em
}

h5, .h5 {
    font-size: 1.125em;
    line-height: 1.333333333333333em;
    margin-bottom: 1.333333333333333em
}

h6, .h6 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

.title--centered {
    text-align: center;
    margin-bottom: 0.75em
}

@media screen and (min-width: 34.375em) {
    .title--centered {
        margin-bottom: 1em
    }
}

@media screen and (min-width: 48em) {
    .title--centered {
        margin-bottom: 1.5em
    }
}

@media screen and (min-width: 64em) {
    .title--centered {
        margin-bottom: 2em
    }
}

@media screen and (min-width: 78.5em) {
    .title--centered {
        margin-bottom: 2.25em
    }
}

@media screen and (min-width: 100em) {
    .title--centered {
        margin-bottom: 2.5em
    }
}

.title--block-bottom {
    margin-bottom: 0.75em
}

@media screen and (min-width: 34.375em) {
    .title--block-bottom {
        margin-bottom: 1em
    }
}

@media screen and (min-width: 48em) {
    .title--block-bottom {
        margin-bottom: 1.5em
    }
}

@media screen and (min-width: 64em) {
    .title--block-bottom {
        margin-bottom: 2em
    }
}

@media screen and (min-width: 78.5em) {
    .title--block-bottom {
        margin-bottom: 2.25em
    }
}

@media screen and (min-width: 100em) {
    .title--block-bottom {
        margin-bottom: 2.5em
    }
}

p {
    margin-bottom: 1rem;
    margin-bottom: 1.5em
}

@media screen and (min-width: 34.375em) {
    p {
        margin-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    p {
        margin-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    p {
        margin-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    p {
        margin-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    p {
        margin-bottom: 5em
    }
}

p:last-of-type, p:only-of-type {
	margin: 0;
	font-size: 1.5em;
	color: #FBF804;
}

@media screen and (min-width: 64em) {
    p {
        font-size: 1.15em
    }
}

.lead {
    font-family: "Roboto Slab", georgia, times;
    font-weight: 300;
    font-style: italic;
    line-height: 1.25;
    margin-bottom: 0
}

@media screen and (min-width: 34.375em) {
    .lead {
        font-size: 1.5em
    }
}

b, strong {
    font-weight: bold
}

i, em {
	font-style: oblique;
	font-family: Desdemona;
	font-weight: inherit;
	color: #FDF880;
	font-size: 36px;
}

.fancy-ampersand {
    font-size: 1.05em;
    text-align: middle;
    font-family: "proxima-nova", helvetica, sans-serif;
    font-style: italic
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

blockquote {
    font-family: georgia, serif;
    font-size: 1.25em;
    font-style: italic;
    line-height: 1.25
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote cite {
    display: block;
    font-weight: bold;
    font-size: .85em
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

ul, ol {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    text-align: center;
    display: inline-block;
    font-size: .9em
}

pre {
    white-space: pre-wrap
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

a {
    text-decoration: none;
    color: inherit;
    -moz-transition: color 0.2s, opacity 0.2s;
    -o-transition: color 0.2s, opacity 0.2s;
    -webkit-transition: color 0.2s, opacity 0.2s;
    transition: color 0.2s, opacity 0.2s
}

a:hover {
    text-decoration: none;
    opacity: .85
}

a:focus {
	outline: thin dotted;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

body {
    -webkit-tap-highlight-color: rba(0, 0, 0, 0.35)
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

.img--natural {
    width: auto
}

.img--title {
    height: 1em;
    width: auto;
    vertical-align: top
}

.img--right {
    width: auto;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em
}

.img--left {
    width: auto;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.img--center {
    width: auto;
    display: block;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto
}

.img--right img, .img--left img, .img--center img {
    width: auto
}

.img--circle {
    border-radius: 50%
}

audio:not([controls]) {
    display: none;
    height: 0
}

.video-embed {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 66.666%
}

.video-embed iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    width: 100% !important
}

table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    border-spacing: 0
}

.table--striped tbody tr:nth-of-type(odd) {
    background-color: #eee
}

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=datetime], input[type=date], input[type=tel],
input[type=month], input[type=week], input[type=search] {
    width: 100%;
    padding: .5rem;
    border: 1px solid #ccc;
    font-size: 1rem
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus, input[type=number]:focus, input[type=datetime]:focus,
input[type=date]:focus, input[type=tel]:focus, input[type=month]:focus,
input[type=week]:focus, input[type=search]:focus {
    outline: none
}

input[type=text].input--s, input[type=password].input--s, input[type=email].input--s,
input[type=url].input--s, input[type=number].input--s, input[type=datetime].input--s,
input[type=date].input--s, input[type=tel].input--s, input[type=month].input--s,
input[type=week].input--s, input[type=search].input--s {
    font-size: .5rem
}

input[type=text].input--l, input[type=password].input--l, input[type=email].input--l,
input[type=url].input--l, input[type=number].input--l, input[type=datetime].input--l,
input[type=date].input--l, input[type=tel].input--l, input[type=month].input--l,
input[type=week].input--l, input[type=search].input--l {
    font-size: 1.5rem
}

[hidden] {
    display: none
}

[disabled] {
    cursor: default
}

input {
    line-height: normal;
    cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input::-webkit-input-placeholder {
    color: #b2b2b2
}

input:-moz-placeholder {
    color: #b2b2b2
}

input::-moz-placeholder {
    color: #b2b2b2
}

input:-ms-input-placeholder {
    color: #b2b2b2
}

input:focus::-webkit-input-placeholder {
    opacity: .3
}

input:focus:-moz-placeholder {
    opacity: .3
}

input:focus::-moz-placeholder {
    opacity: .3
}

input:focus:-ms-input-placeholder {
    opacity: .3
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%
}

select {
    width: 100%;
    text-transform: none
}

select.select--s {
    font-size: .5rem
}

select.select--l {
    font-size: 1.5rem
}

textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
    min-height: 6em;
    padding: .5rem;
    border: 1px solid #ccc
}

textarea.textarea--s {
    font-size: .5rem
}

textarea.textarea--l {
    font-size: 1.5rem
}

input[type=radio] {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 1px solid #444;
    background: transparent
}

input[type=radio]:checked {
    background: #222
}

.label--radio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 1.25em
}

.label--radio input {
    position: absolute;
    top: .2em;
    left: 0
}

input[type=checkbox] {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border: 1px solid #444;
    background: transparent
}

input[type=checkbox]:checked {
    background: #222
}

.label--checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 1.25em
}

.label--checkbox input {
    position: absolute;
    top: .2em;
    left: 0
}

textarea {
    width: 100%;
    min-height: 6em
}

label {
    font-size: 1em;
    font-weight: bold
}

.form {
    width: 100%;
    padding: 0 1em;
    border: 1px solid #ccc;
    background: #fafafa
}

.form__header {
    padding: 1em;
    margin: 0 0 1em 0;
    background: #eee;
    border-bottom: 1px solid #ccc
}

fieldset {
    margin: 0 0 2rem;
    padding: 0 0 1rem;
    border: none
}

fieldset fieldset {
    margin-top: 2rem
}

fieldset legend {
    display: block;
    margin: 0 0 .5rem 0;
    color: #888;
    font-size: .85em
}

.field {
    position: relative;
    margin-bottom: 1rem
}

.field__label {
    display: block
}

.field__hint {
    color: #888;
    font-size: .75em;
    padding: .25em 0;
    font-style: italic
}

.field__feedback {
    display: none;
    font-size: .75em;
    padding: .25em .75em;
    background: rgba(218, 35, 0, 0.3);
    color: white
}

.field.is-error .field__feedback {
    display: block
}

.field.is-error input {
    border: 1px solid rgba(218, 35, 0, 0.3)
}

.field__input-group {
    display: block
}

.field__input-group > * {
    display: inline-block;
    margin-right: .5em
}

.field__input-group > * :last-child {
    margin-right: 0
}

.field__input-group--list {
    display: block
}

.field__input-group--list > * {
    display: block;
    margin: .5em 0
}

.field__input-group--list > * :last-child {
    margin-bottom: 0
}

.form__actions {
    padding: 1em;
    margin: 1em 0 0 0;
    background: #eee;
    border-top: 1px solid #ccc
}

button, .btn {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: normal;
    display: inline-block;
    border: none;
    vertical-align: middle;
    border: 1px solid #1D8194;
    background: #1D8194;
    color: #fff;
    padding: 1em;
    font-size: .85rem;
    border-radius: .125rem;
    font-weight: normal;
    text-transform: none;
    -moz-transition: color 0.2s, background-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s
}

button:hover, button:focus, .btn:hover, .btn:focus {
    color: #1D8194;
    background: #fff
}

.btn--large {
    font-size: 2rem
}

.btn--inline {
    font-size: 1em
}

.btn--block {
    display: block;
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-left: 0
}

.btn--icon {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 1em
}

.btn-row {
    margin: .75em auto 0
}

.btn-row .btn {
    display: inline-block;
    margin: 0 .5em 1em
}

.btn-row--centered {
    text-align: center
}

.icon {
    color: inherit;
    display: inline-block;
    font-style: normal;
    vertical-align: middle
}

.icon--before {
    font-size: 1.25em;
    margin-right: .25em
}

.icon--after {
    font-size: 1.25em;
    margin-left: .25em
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon-f9dbc24e.eot?-wke4xd");
    src: url("../fonts/icomoon-f9dbc24e.eot?#iefix-wke4xd") format("embedded-opentype"), url("../fonts/icomoon-a23b08fb.woff?-wke4xd") format("woff"), url("../fonts/icomoon-f3332cf5.ttf?-wke4xd") format("truetype"), url("../fonts/icomoon-9b50f442.svg?-wke4xd#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class * =" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-menu:before {
    content: "\e600"
}

.icon-arrow-down:before {
    content: "\e601"
}

.icon-code:before {
    content: "\e602"
}

.icon-github:before {
    content: "\e603"
}

.site {
	background: #fff;
	font-size: xx-small;
}

.site-header {
    zoom: 1;
    position: absolute;
    z-index: 300;
    top: 0;
    right: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent, rgba(0, 0, 0, 0.25));
    height: 0;
    padding-top: 65%
}

.site-header:before, .site-header:after {
    content: " ";
    display: table
}

.site-header:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .site-header {
        background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
        padding-top: 50%
    }
}

@media screen and (min-width: 48em) {
    .site-header {
        height: auto;
        padding-top: 0
    }
}

.site-header__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (min-width: 48em) {
    .site-header__container {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}

.branding {
    position: absolute;
    z-index: 400;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center
}

@media screen and (min-width: 34.375em) {
    .branding {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        float: left
    }
}

.branding__wordmark {
    font-weight: 300;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.5rem;
    color: #fff;
    margin-top: .35em
}

@media screen and (min-width: 34.375em) {
    .branding__wordmark {
	margin: 0;
	font-weight: bold;
	font-size: large;
	font-style: normal;
	font-family: proxima-nova, helvetica, sans-serif;
    }
}

.site-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 001
}

.site-nav ul {
    display: block;
    text-align: center;
    font-size: 85%
}

.site-nav ul li {
    display: inline-block
}

.site-nav ul li a {
    display: block;
    text-align: center;
    padding: 0 1rem;
    color: #fff;
    font-weight: 300;
    height: 3rem;
    line-height: 3rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.site-nav ul li a:hover {
	background: rgba(255, 255, 255, 0.1);
	font-size: .85rem;
	font-style: normal;
}

@media screen and (min-width: 34.375em) {
    .site-nav {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .site-nav ul {
        font-size: 100%;
        float: right
    }

    .site-nav ul li {
        float: left;
        border: none
    }

    .site-nav ul li a {
        text-align: left;
        font-size: .85rem
    }
}

.site-nav-toggler {
    position: absolute;
    z-index: 500;
    top: 1em;
    right: 1em;
    font-size: 1em;
    padding: .5em .5em .3em .5em;
    line-height: 1;
    border-radius: .25em;
    color: white
}

.site-main {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    min-height: 100vh;
    position: relative
}

html.is-showing-site-nav .site-main {
    -webkit-filter: blur(5px);
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in
}

@media screen and (min-width: 34.375em) {
    html.is-showing-site-nav .site-main {
        -webkit-filter: blur(0)
    }
}

.site-footer {
    background: #fff;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

@media screen and (min-width: 34.375em) {
    .site-footer {
        padding-top: 2em
    }
}

@media screen and (min-width: 48em) {
    .site-footer {
        padding-top: 3em
    }
}

@media screen and (min-width: 64em) {
    .site-footer {
        padding-top: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .site-footer {
        padding-top: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .site-footer {
        padding-top: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .site-footer {
        padding-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    .site-footer {
        padding-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    .site-footer {
        padding-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .site-footer {
        padding-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .site-footer {
        padding-bottom: 5em
    }
}

.site-footer__credits {
    display: block;
    text-align: center;
    font-size: .75em;
    color: rgba(1, 1, 1, 0.5)
}

.site-footer__credits a:hover, .site-footer__credits a:focus {
    text-decoration: underline
}

.site-footer__credits p + p {
    margin-top: 2em
}

.site-footer__credits .block-link {
    opacity: .8;
    display: block;
    margin: .5em auto 0;
    width: 10em
}

.site-footer__credits .block-link:hover, .site-footer__credits .block-link:focus {
    opacity: 1
}

.alert {
    position: relative;
    border-width: 1px;
    border-style: solid;
    padding: .5rem 4rem .5rem .5rem;
    line-height: 1.25
}

.alert__close {
    right: 0;
    padding: 1em;
    opacity: .5
}

.alert__close:hover {
    opacity: 1
}

.alert--error {
    color: #e04646;
    border-color: #e04646;
    background: #ffe6e6
}

.alert--error .alert__close {
    color: #e04646
}

.alert--warning {
    color: #b29804;
    border-color: #b29804;
    background: #fcf7d8
}

.alert--warning .alert__close {
    color: #b29804
}

.alert--info {
    color: #537df6;
    border-color: #537df6;
    background: #e8f3ff
}

.alert--info .alert__close {
    color: #537df6
}

.alert--success {
    color: #0ca129;
    border-color: #0ca129;
    background: #dafce1
}

.alert--success .alert__close {
    color: #0ca129
}

.btn-group {
    zoom: 1;
    width: auto;
    display: inline-block
}

.btn-group:before, .btn-group:after {
    content: " ";
    display: table
}

.btn-group:after {
    clear: both
}

.btn-group li {
    float: left
}

.btn-group--full-width {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table
}

.btn-group--full-width > li, .btn-group--full-width > * {
    display: table-cell;
    float: none
}

.btn-group--block {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block
}

.btn-group--block > li {
    display: block;
    float: none;
    padding-bottom: .5em
}

.btn-group--block > li:last-child {
    padding: 0
}

.hero {
    position: relative;
    background: #fff;
    height: 0;
    padding-top: 65%;
    overflow: hidden
}

@media screen and (min-width: 34.375em) {
    .hero {
        padding-top: 50%
    }
}

@media screen and (min-width: 48em) {
    .hero {
        padding-top: 36%
    }
}

.hero img {
	position: static;
	opacity: 0;
	overflow: auto;
	background-image: url(images/hero__foreground--1200-a6f54168.jpg);
}

html.is-ready .hero img {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hero__background {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.hero__foreground {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto
}

.hero__background {
    z-index: 210;
    -moz-transition: all 2.75s;
    -o-transition: all 2.75s;
    -webkit-transition: all 2.75s;
    transition: all 2.75s;
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25)
}

.hero__logo {
    z-index: 220;
    width: 30%;
    top: 28%;
    left: 50%;
    margin-left: -15%;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

@media screen and (min-width: 34.375em) {
    .hero__logo {
        width: 36%;
        margin-left: -18%;
        top: 24%
    }
}

@media screen and (min-width: 48em) {
    .hero__logo {
        width: 24%;
        top: 24%;
        left: 50%;
        margin-left: -12%
    }
}

.hero__foreground {
    z-index: 230;
    -moz-transition: all 2.45s;
    -o-transition: all 2.45s;
    -webkit-transition: all 2.45s;
    transition: all 2.45s;
    -moz-transform: scale(1.7, 1.7);
    -ms-transform: scale(1.7, 1.7);
    -webkit-transform: scale(1.7, 1.7);
    transform: scale(1.7, 1.7)
}

.modal {
    position: fixed;
    z-index: 200;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1rem solid black;
    background: white;
    color: black
}

.modal__header {
    height: 3rem;
    padding: 1rem
}

.modal__header p {
    font-size: .8rem;
    line-height: 1.2
}

.modal__close {
    position: absolute;
    top: 1rem;
    right: 1.4rem
}

.modal__body {
    position: absolute;
    top: 3rem;
    bottom: 1rem;
    left: 0;
    right: 0;
    overflow: auto
}

.tab.is-active {
    pointer-events: none
}

.panels {
    position: relative
}

.panel {
    opacity: 0;
    position: absolute;
    top: -200%;
    left: -200%
}

.panel.is-active {
    position: relative;
    opacity: 1;
    top: 0;
    left: 0
}

.panels.is-activated .panel.is-active {
    position: absolute
}

.thumbnail {
    position: relative
}

.thumbnail__media {
    opacity: .75;
    float: left;
    width: 4em;
    height: auto;
    margin-right: 1em
}

@media screen and (min-width: 34.375em) {
    .thumbnail__media {
        margin: 0 auto .25em;
        display: block;
        float: none;
        max-height: 4em;
        width: auto
    }
}

.thumbnail__caption {
    position: relative;
    overflow: hidden;
    padding: .5em;
    font-size: .95em
}

@media screen and (min-width: 34.375em) {
    .thumbnail__caption {
        text-align: center;
        height: 10em
    }
}

@media screen and (min-width: 64em) {
    .thumbnail__caption {
        height: auto
    }
}

.thumbnail__caption h4 {
    color: #272727;
    margin: 0 0 .25em 0;
    line-height: 1;
    font-weight: 600;
    opacity: .9
}

.thumbnail__caption p {
	display: block;
	font-size: 1em;
	color: #FCFCFC;
}

.page {
    background: linear-gradient(#eee, #e7f6f7);
    background-size: 100% auto;
    background-repeat: no-repeat;
    zoom: 1;
    padding-bottom: 1.5em
}

.page:before, .page:after {
    content: " ";
    display: table
}

.page:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .page {
        padding-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    .page {
        padding-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    .page {
        padding-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .page {
        padding-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .page {
        padding-bottom: 5em
    }
}

.page .container {
    max-width: 56em
}

.page__header {
    background: url(/images/hero__background-2f8d2178.jpg) bottom center;
    background-size: cover;
    padding-top: 3em;
    padding-bottom: 0.75em
}

@media screen and (min-width: 34.375em) {
    .page__header {
        padding-top: 4em
    }
}

@media screen and (min-width: 48em) {
    .page__header {
        padding-top: 6em
    }
}

@media screen and (min-width: 64em) {
    .page__header {
        padding-top: 8em
    }
}

@media screen and (min-width: 78.5em) {
    .page__header {
        padding-top: 9em
    }
}

@media screen and (min-width: 100em) {
    .page__header {
        padding-top: 10em
    }
}

@media screen and (min-width: 34.375em) {
    .page__header {
        padding-bottom: 1em
    }
}

@media screen and (min-width: 48em) {
    .page__header {
        padding-bottom: 1.5em
    }
}

@media screen and (min-width: 64em) {
    .page__header {
        padding-bottom: 2em
    }
}

@media screen and (min-width: 78.5em) {
    .page__header {
        padding-bottom: 2.25em
    }
}

@media screen and (min-width: 100em) {
    .page__header {
        padding-bottom: 2.5em
    }
}

.page__title {
    text-align: center;
    color: white
}

@media screen and (max-width: 47em) {
    .page__title {
        padding-top: 1em;
        font-size: 1.5em
    }
}

.page__section {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid rgba(39, 39, 39, 0.3)
}

@media screen and (min-width: 34.375em) {
    .page__section {
        padding-top: 2em
    }
}

@media screen and (min-width: 48em) {
    .page__section {
        padding-top: 3em
    }
}

@media screen and (min-width: 64em) {
    .page__section {
        padding-top: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .page__section {
        padding-top: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .page__section {
        padding-top: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .page__section {
        padding-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    .page__section {
        padding-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    .page__section {
        padding-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .page__section {
        padding-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .page__section {
        padding-bottom: 5em
    }
}

@media screen and (min-width: 34.375em) {
    .page__section {
        margin-bottom: 2em
    }
}

@media screen and (min-width: 48em) {
    .page__section {
        margin-bottom: 3em
    }
}

@media screen and (min-width: 64em) {
    .page__section {
        margin-bottom: 4em
    }
}

@media screen and (min-width: 78.5em) {
    .page__section {
        margin-bottom: 4.5em
    }
}

@media screen and (min-width: 100em) {
    .page__section {
        margin-bottom: 5em
    }
}

.page__section:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.page__section--centered {
}

.page__section--centered p {
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	font-size: x-large;
	text-align: left;
}

.page__sub-section {
    zoom: 1;
    margin-top: 1.125em;
    margin-bottom: 1.125em;
    padding-bottom: 2em
}

.page__sub-section:before, .page__sub-section:after {
    content: " ";
    display: table
}

.page__sub-section:after {
    clear: both
}

@media screen and (min-width: 34.375em) {
    .page__sub-section {
        margin-top: 1.5em
    }
}

@media screen and (min-width: 48em) {
    .page__sub-section {
        margin-top: 2.25em
    }
}

@media screen and (min-width: 64em) {
    .page__sub-section {
        margin-top: 3em
    }
}

@media screen and (min-width: 78.5em) {
    .page__sub-section {
        margin-top: 3.375em
    }
}

@media screen and (min-width: 100em) {
    .page__sub-section {
        margin-top: 3.75em
    }
}

@media screen and (min-width: 34.375em) {
    .page__sub-section {
        margin-bottom: 1.5em
    }
}

@media screen and (min-width: 48em) {
    .page__sub-section {
        margin-bottom: 2.25em
    }
}

@media screen and (min-width: 64em) {
    .page__sub-section {
        margin-bottom: 3em
    }
}

@media screen and (min-width: 78.5em) {
    .page__sub-section {
        margin-bottom: 3.375em
    }
}

@media screen and (min-width: 100em) {
    .page__sub-section {
        margin-bottom: 3.75em
    }
}

.page__sub-section p {
	margin-bottom: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #060606;
}

.page__sub-section p a {
    text-decoration: underline;
    color: #1D8194
}

.page__sub-section p a:hover, .page__sub-section p a:focus {
    text-decoration: underline
}

@media screen and (min-width: 34.375em) {
    .page__sub-section {
        padding-bottom: 0
    }
}

.sub-section__image {
    margin-bottom: 1em
}

@media screen and (min-width: 34.375em) {
    .sub-section__image {
        width: 35%;
        float: left;
        margin: 0
    }

    .sub-section__title, .sub-section__body {
        width: 60%;
        float: right
    }
}

.callout {
	background: #A1989F;
	background: linear-gradient(rgba(103, 89, 100, 0.7), rgba(193, 205, 202, 0.7));
	color: white;
	text-align: center;
	font-weight: 500;
}

.callout * {
	max-width: 50em;
	margin: 0 auto;
	font-style: italic;
	font-weight: 300;
	text-align: center;
}

.skyline-grid-guide {
    opacity: .5;
    pointer-events: none;
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    display: none
}

.skyline-grid-guide.is-active {
    display: block
}

.skyline-grid-guide .g {
    background: rgba(146, 189, 202, 0.25)
}

.skyline-grid-guide .g div {
    background: rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 8000px
}

.skyline-grid-guide__baselines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

.skyline-grid-guide__baseline {
    display: block;
    height: 1em;
    border-bottom: 1px solid rgba(160, 155, 155, 0.4)
}

.feature {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5em;
    right: 1.5em;
    background: #EBEBEB;
    text-align: center;
    padding: 1.5em
}

.feature iframe {
    margin: 0 auto 1em
}

.separate--top {
    padding-top: 2em;
    border-top: 1px solid #EBEBEB
}

.no-break {
    white-space: nowrap
}


/* CSS Document */
.small {
}