.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile > .column.is-narrow {
    flex: none;
    width: unset
}

.columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile > .column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%
}

.columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%
}

.columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.33333337%
}

.columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333337%
}

.columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.66666674%
}

.columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66666674%
}

.columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.33333337%
}

.columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333337%
}

.columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.66666674%
}

.columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66666674%
}

.columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.33333337%
}

.columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333337%
}

.columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.66666674%
}

.columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66666674%
}

.columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.33333337%
}

.columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333337%
}

.columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.66666674%
}

.columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66666674%
}

.columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width: 757px) {
    .column.is-narrow-mobile {
        flex: none;
        width: unset
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-mobile {
        margin-left: 0%
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333337%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66666674%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333337%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66666674%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333337%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66666674%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333337%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66666674%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media screen and (min-width: 758px), print {
    .column.is-narrow, .column.is-narrow-tablet {
        flex: none;
        width: unset
    }

    .column.is-full, .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters, .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds, .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half, .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third, .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter, .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth, .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths, .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths, .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths, .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half, .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0, .column.is-0-tablet {
        flex: none;
        width: 0%
    }

    .column.is-offset-0, .column.is-offset-0-tablet {
        margin-left: 0%
    }

    .column.is-1, .column.is-1-tablet {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1, .column.is-offset-1-tablet {
        margin-left: 8.33333337%
    }

    .column.is-2, .column.is-2-tablet {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2, .column.is-offset-2-tablet {
        margin-left: 16.66666674%
    }

    .column.is-3, .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3, .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4, .column.is-4-tablet {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4, .column.is-offset-4-tablet {
        margin-left: 33.33333337%
    }

    .column.is-5, .column.is-5-tablet {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5, .column.is-offset-5-tablet {
        margin-left: 41.66666674%
    }

    .column.is-6, .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6, .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7, .column.is-7-tablet {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7, .column.is-offset-7-tablet {
        margin-left: 58.33333337%
    }

    .column.is-8, .column.is-8-tablet {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8, .column.is-offset-8-tablet {
        margin-left: 66.66666674%
    }

    .column.is-9, .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9, .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10, .column.is-10-tablet {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10, .column.is-offset-10-tablet {
        margin-left: 83.33333337%
    }

    .column.is-11, .column.is-11-tablet {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11, .column.is-offset-11-tablet {
        margin-left: 91.66666674%
    }

    .column.is-12, .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12, .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
        flex: none;
        width: unset
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-touch {
        margin-left: 0%
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333337%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66666674%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333337%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66666674%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333337%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66666674%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333337%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66666674%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
        flex: none;
        width: unset
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-desktop {
        margin-left: 0%
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333337%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66666674%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333337%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66666674%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333337%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66666674%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333337%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66666674%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
        flex: none;
        width: unset
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-widescreen {
        margin-left: 0%
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333337%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66666674%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333337%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66666674%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333337%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66666674%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333337%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66666674%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
        flex: none;
        width: unset
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0%
    }

    .column.is-offset-0-fullhd {
        margin-left: 0%
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333337%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333337%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.66666674%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66666674%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.33333337%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333337%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.66666674%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66666674%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.33333337%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333337%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.66666674%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66666674%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.33333337%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333337%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.66666674%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66666674%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless > .column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media screen and (min-width: 758px), print {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: .75rem;
    margin-left: calc(-1 * var(--columnGap));
    margin-right: calc(-1 * var(--columnGap))
}

.columns.is-variable > .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: .25rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-1-tablet {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: .25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: .25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: .25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: .5rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-2-tablet {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: .5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: .5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: .5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: .75rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-3-tablet {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: .75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: .75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: .75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width: 757px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 758px), print {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 758px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.is-flex-direction-row {
    flex-direction: row !important
}

.is-flex-direction-row-reverse {
    flex-direction: row-reverse !important
}

.is-flex-direction-column {
    flex-direction: column !important
}

.is-flex-direction-column-reverse {
    flex-direction: column-reverse !important
}

.is-flex-wrap-nowrap {
    flex-wrap: nowrap !important
}

.is-flex-wrap-wrap {
    flex-wrap: wrap !important
}

.is-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.is-justify-content-flex-start {
    justify-content: flex-start !important
}

.is-justify-content-flex-end {
    justify-content: flex-end !important
}

.is-justify-content-center {
    justify-content: center !important
}

.is-justify-content-space-between {
    justify-content: space-between !important
}

.is-justify-content-space-around {
    justify-content: space-around !important
}

.is-justify-content-space-evenly {
    justify-content: space-evenly !important
}

.is-justify-content-start {
    justify-content: start !important
}

.is-justify-content-end {
    justify-content: end !important
}

.is-justify-content-left {
    justify-content: left !important
}

.is-justify-content-right {
    justify-content: right !important
}

.is-align-content-flex-start {
    align-content: flex-start !important
}

.is-align-content-flex-end {
    align-content: flex-end !important
}

.is-align-content-center {
    align-content: center !important
}

.is-align-content-space-between {
    align-content: space-between !important
}

.is-align-content-space-around {
    align-content: space-around !important
}

.is-align-content-space-evenly {
    align-content: space-evenly !important
}

.is-align-content-stretch {
    align-content: stretch !important
}

.is-align-content-start {
    align-content: start !important
}

.is-align-content-end {
    align-content: end !important
}

.is-align-content-baseline {
    align-content: baseline !important
}

.is-align-items-stretch {
    align-items: stretch !important
}

.is-align-items-flex-start {
    align-items: flex-start !important
}

.is-align-items-flex-end {
    align-items: flex-end !important
}

.is-align-items-center {
    align-items: center !important
}

.is-align-items-baseline {
    align-items: baseline !important
}

.is-align-items-start {
    align-items: start !important
}

.is-align-items-end {
    align-items: end !important
}

.is-align-items-self-start {
    align-items: self-start !important
}

.is-align-items-self-end {
    align-items: self-end !important
}

.is-align-self-auto {
    align-self: auto !important
}

.is-align-self-flex-start {
    align-self: flex-start !important
}

.is-align-self-flex-end {
    align-self: flex-end !important
}

.is-align-self-center {
    align-self: center !important
}

.is-align-self-baseline {
    align-self: baseline !important
}

.is-align-self-stretch {
    align-self: stretch !important
}

.is-flex-grow-0 {
    flex-grow: 0 !important
}

.is-flex-grow-1 {
    flex-grow: 1 !important
}

.is-flex-grow-2 {
    flex-grow: 2 !important
}

.is-flex-grow-3 {
    flex-grow: 3 !important
}

.is-flex-grow-4 {
    flex-grow: 4 !important
}

.is-flex-grow-5 {
    flex-grow: 5 !important
}

.is-flex-shrink-0 {
    flex-shrink: 0 !important
}

.is-flex-shrink-1 {
    flex-shrink: 1 !important
}

.is-flex-shrink-2 {
    flex-shrink: 2 !important
}

.is-flex-shrink-3 {
    flex-shrink: 3 !important
}

.is-flex-shrink-4 {
    flex-shrink: 4 !important
}

.is-flex-shrink-5 {
    flex-shrink: 5 !important
}

.back_to_top {
    position: fixed;
    bottom: 34px;
    right: 34px;
    background-color: #cecece;
    padding: 15px 20px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
    user-select: none;
    z-index: 5;
    transition: visibility .3s, opacity .3s
}

@media only screen and (max-width: 758px) {
    .back_to_top {
        bottom: 8px !important;
        right: 8px !important;
        padding: 10px 15px !important
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .back_to_top {
        bottom: 15px !important;
        right: 15px !important
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    color: #222;
    font-size: 16px;
    background-color: #358639;
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

h1 {
    font-size: 1.7rem;
    font-weight: 400
}

h2 {
    font-size: 1.55rem
}

h3 {
    font-size: 1.3rem
}

h4 {
    font-size: 1.2rem
}

p {
    line-height: 1.4em
}

.button, .button:visited {
    padding: 10px 15px;
    text-decoration: none;
    color: #222;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d
}

.button:hover, .button:focus {
    background-color: #cecece
}

.button--primary, .button--primary:visited {
    background-color: #358639;
    color: #fff
}

.button--primary:hover, .button--primary:focus {
    background-color: #34457e
}

.button--big {
    font-size: 1.25rem
}

.collapse {
    text-align: initial !important;
    transition: box-shadow .2s ease-in;
    border-radius: 2px;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d
}

.collapse:hover {
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.collapse input[type=checkbox] {
    display: none
}

.collapse .collapsible-content {
    display: none;
    visibility: hidden
}

.collapse .collapse__toggle {
    font-weight: 700;
    cursor: pointer;
    font-size: 1.3rem;
    padding: 14px 16px;
    display: block
}

.collapse .collapse__toggle:before {
    content: " ";
    display: inline-block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #222;
    vertical-align: middle;
    margin-right: .5rem;
    transform: translateY(-2px)
}

.collapse .collapse__toggle__input:checked + .collapse__toggle:before {
    transform: rotate(90deg) translate(-3px)
}

.collapse .collapse__toggle__input:checked + .collapse__toggle + .collapsible-content {
    padding: 14px;
    display: block;
    visibility: visible
}

.content {
    color: #fff;
    padding-top: 110px;
    padding-bottom: 110px;
    height: 100%;
    position: relative
}

.content--lead {
    min-height: 400px
}

.content--white {
    background-color: #fff;
    color: #222
}

.content:not(.content--white) .subheading {
    color: #fff;
    opacity: .8
}

@media only screen and (max-width: 758px) {
    .content {
        padding-top: 27.5px !important;
        padding-bottom: 27.5px !important
    }

    .content--lead {
        min-height: 0 !important
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .content {
        padding-top: 55px !important;
        padding-bottom: 55px !important
    }

    .content--lead {
        min-height: 0 !important
    }
}

svg.edge {
    position: absolute;
    width: 100%;
    height: 50px;
    z-index: 2
}

svg.edge .edge--dark {
    fill: #358639
}

svg.edge .edge--light {
    fill: #fff
}

svg.edge-bottom {
    bottom: -25px
}

svg.edge-top {
    top: -25px
}

@media only screen and (max-width: 758px) {
    svg.edge {
        height: 20px
    }

    svg.edge-bottom {
        bottom: -10px
    }

    svg.edge-top {
        top: -10px
    }
}

.feature {
    text-align: center;
    padding: 10px;
    transition: box-shadow .2s ease-in;
    border-radius: 2px;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d
}

.feature:hover {
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.feature__title {
    padding: 16px;
    font-size: 1.25rem
}

.feature__badge {
    position: absolute;
    right: -32px;
    background-color: #358639;
    color: #fff;
    font-size: 80%;
    transform: rotate(45deg);
    padding: 5px 30px;
    top: 15px
}

.feature__body {
    padding: 16px 16px 4px
}

@media only screen and (max-width: 758px) {
    .feature {
        margin: 0 !important
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .feature {
        margin: 5px !important
    }
}

.footer {
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border-top: 2px solid #eee;
    padding: 34px 0;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d
}

.github-corner {
    display: none
}

.github-corner:hover .octo-arm {
    animation: octocat-wave .75s ease-in-out;
    fill: #151d35
}

.github-corner:hover .octo-body {
    fill: #151d35
}

@keyframes octocat-wave {
    0%, to {
        transform: rotate(0)
    }
    20%, 60% {
        transform: rotate(-25deg)
    }
    40%, 80% {
        transform: rotate(10deg)
    }
}

@media only screen and (min-width: 758px) {
    .github-corner {
        display: block
    }
}

.container {
    width: 70%;
    margin: auto;
    max-width: 1344px
}

@media only screen and (max-width: 758px) {
    .container {
        width: 92% !important
    }

    .reverse-columns-mobile {
        flex-direction: column-reverse;
        display: flex
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .container {
        width: 90% !important
    }
}

.hamburger {
    display: none;
    width: 42px;
    margin-top: 8px;
    margin-right: 2px;
    padding: 10px 6px;
    border-radius: 2px
}

.hamburger:hover {
    background-color: #151d35
}

.hamburger .hamburger--bar {
    float: left;
    display: inline-block;
    height: 4px;
    width: 30px;
    background-color: #fff;
    border-radius: 2px
}

.hamburger .hamburger--bar:not(:last-child) {
    margin-bottom: 4px
}

@media only screen and (max-width: 758px) {
    .hamburger {
        display: inline-block !important
    }
}

.pull-right {
    float: right
}

.text--dark, a.text--dark, a.text--dark:visited {
    color: #222
}

.text--muted {
    color: #ababab
}

.inline-block {
    display: inline-block
}

.has-text-centered {
    text-align: center
}

.overflow-x-scroll {
    overflow-x: auto;
    max-width: 100%
}

.is-hidden {
    display: none !important
}

.is-sr-only {
    border: none !important;
    clip: rect(0, 0, 0, 0) !important;
    height: .01em !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: .01em !important
}

.icon {
    height: 18px;
    margin-right: 4px
}

img.img-responsive {
    height: auto;
    max-width: 100%;
    border-radius: 2px;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d
}

a, a:visited {
    color: #358639
}

.text--muted > a, .text--muted > a:visited {
    color: #82a3c2
}

.link--white {
    color: #fff;
    text-decoration: none;
    display: inline-block
}

.link--white:visited {
    color: #fff
}

.link--white.link--hover:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    margin-top: 4px;
    background: #fff;
    transition: width .3s
}

.link--white.link--hover:hover:after {
    width: 100%
}

.link--white.link--hover.active:after {
    width: 100%
}

.link--white.link--decorated {
    text-decoration: underline
}

.header {
    height: 80px;
    width: 100%;
    z-index: 2;
    border-bottom: 3px solid #358639;
    top: 0;
    background-color: #358639;
    color: #fff;
    box-shadow: none;
    border-bottom: 2px solid #358639
}

.header a.brand .brand-logo {
    width: 52px;
    margin-top: 14px;
    margin-right: 8px;
    float: left
}

.header a.brand .brand-title, .header a.brand:visited .brand-title {
    font-size: 36px;
    font-weight: 400;
    padding: 18px 0
}

.navigation {
    display: inline-block;
    list-style: none;
    height: 80px
}

.navigation li {
    float: left;
    height: 100%
}

.navigation a.navigation__link {
    margin-left: 40px;
    font-size: 1.2rem;
    margin-top: 28px;
    padding: 6px 8px
}

@media only screen and (max-width: 758px) {
    .header {
        height: 60px !important
    }

    .header a.brand .brand-logo {
        width: 32px !important
    }

    .header a.brand .brand-title {
        font-size: 24px !important;
        padding: 15px 0 !important
    }

    .navigation {
        height: auto;
        max-height: 0;
        position: absolute;
        margin-top: 60px;
        width: 100%;
        text-align: center;
        padding: 0;
        left: 0;
        right: 0;
        border-radius: 0 0 2px 2px;
        box-shadow: 0 2px 2px #0000004d;
        overflow: hidden;
        transition: max-height .2s ease-in;
        background-color: #358639;
        z-index: 5
    }

    .navigation li {
        float: none;
        height: initial
    }

    .navigation a.navigation__link {
        margin: 0;
        padding: 12px 0;
        width: 100%
    }

    .navigation a.navigation__link:hover, .navigation a.navigation__link:focus {
        border: none;
        background-color: #151d35
    }

    .navigation a.navigation__link:after {
        display: none
    }

    .navigation.navigation--open {
        border-top: 1px solid #151d35;
        max-height: 350px
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .header {
        height: 70px !important
    }

    .header a.brand .brand-logo {
        width: 40px !important
    }

    .header a.brand .brand-title {
        padding: 18px 0 !important;
        font-size: 28px !important
    }

    .navigation {
        height: 70px;
        margin-left: 20px;
        margin-right: 60px
    }

    .navigation a.navigation__link {
        font-size: 1rem;
        margin-top: 26px
    }
}

.code-block {
    background-color: #222;
    color: #fff;
    padding: 10px 12px;
    word-break: break-all;
    text-align: left;
    border-radius: 2px;
    font-size: .9em;
    min-width: 200px
}

.code-block .comment {
    color: #bbe000
}

.code-inline {
    font-size: .9em;
    background-color: #eee;
    padding: 2px 4px;
    color: #222;
    border-radius: 2px;
    font-family: monospace
}

.gallery__thumb img {
    border-radius: 2px;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
    max-width: 100%
}

.gallery__thumb img:hover {
    cursor: pointer;
    box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003b
}

.mt-2 {
    margin-top: 2rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.mb-2 {
    margin-bottom: 2rem !important
}

.mb-4 {
    margin-bottom: 4rem !important
}

.mb-6 {
    margin-bottom: 6rem !important
}

.pb-2 {
    padding-bottom: 2rem !important
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width: 758px) {
    .mt-0--mobile {
        margin-top: 0 !important
    }

    .mb-4 {
        margin-bottom: 2rem !important
    }

    .mb-6 {
        margin-bottom: 3rem !important
    }
}

@media only screen and (min-width: 758px) and (max-width: 1024px) {
    .mb-4 {
        margin-bottom: 2rem !important
    }

    .mb-6 {
        margin-bottom: 3rem !important
    }
}

.subheading {
    color: #444
}

.title {
    font-size: 2rem
}

.quote {
    border-left: 3px solid #fff;
    padding: 10px 20px;
    font-weight: 400
}

@media only screen and (max-width: 758px) {
    .quote {
        font-size: 1.2rem !important;
        padding: 5px 10px !important
    }

    .subheading {
        font-weight: 400
    }
}

ul.ul--default {
    padding-left: 20px
}

ul.ul--default > li {
    position: relative;
    margin-bottom: 6px
}

ul.ul--default > li:before {
    margin-left: -25px;
    width: 10px;
    font-size: 16px;
    position: absolute;
    top: -2px
}

/*!* baguetteBox.js
* @author feimosi
* @version 1.11.1
* @url https://github.com/feimosi/baguetteBox.js*/
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: #000c;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px #0009
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: #0009;
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: #32323280;
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: #323232e6
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {
    0%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0%, to {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}