.text-center {
    text-align: center
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

body, html {
    height: 100%
}

body {
    margin: 0
}

html {
    font-size: 100%
}

body {
    font-size: 1rem;
    font-weight: 300;
    color: #333;
    font-family: canada-type-gibson, sans-serif;
    line-height: 1.6
}

h1, h2, h3, h4 {
    font-weight: 600
}

h1 {
    font-size: 2em;
    line-height: 1.25
}

@media (min-width: 43.75em) {
    h1 {
        font-size: 2.5em;
        line-height: 1.125
    }
}

@media (min-width: 56.25em) {
    h1 {
        font-size: 3em;
        line-height: 1.05
    }
}

h2 {
    font-size: 1.625em;
    line-height: 1.15384615
}

@media (min-width: 43.75em) {
    h2 {
        font-size: 2em;
        line-height: 1.25
    }
}

@media (min-width: 56.25em) {
    h2 {
        font-size: 2.25em;
        line-height: 1.25
    }
}

h3 {
    font-size: 1.375em;
    line-height: 1.13636364
}

@media (min-width: 43.75em) {
    h3 {
        font-size: 1.5em;
        line-height: 1.25
    }
}

@media (min-width: 56.25em) {
    h3 {
        font-size: 1.75em;
        line-height: 1.25
    }
}

h4 {
    font-size: 1.125em;
    line-height: 1.11111111
}

@media (min-width: 43.75em) {
    h4 {
        line-height: 1.22222222
    }
}

blockquote {
    font-size: 1.25em;
    line-height: 1.25
}

@media (min-width: 43.75em) {
    blockquote {
        font-size: 1.5em;
        line-height: 1.45833333
    }
}

p {
    margin: 0 0 1.14286rem
}

a {
    color: #f6971e;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    transition: color .25s ease
}

a:hover {
    color: #bf9a02
}

a:focus {
    outline: 3px solid rgba(255, 205, 3, .6);
    outline-offset: 2px
}

figure {
    margin: 0
}

img, picture {
    margin: 0;
    max-width: 100%;
    height: auto
}

.button, [type=button], [type=reset], [type=submit], button {
    margin-bottom: 1.14286rem;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    transition: all .25s ease;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    outline: 0;
    background-color: #f6971e;
    border: 1px solid #e6b903;
    border-radius: 8px;
    color: #000;
    font-family: canada-type-gibson, sans-serif;
    font-size: .8em;
    font-weight: 400;
    line-height: 1;
    padding: .57143rem 1.14286rem;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.button.outline, [type=button].outline, [type=reset].outline, [type=submit].outline, button.outline {
    background-color: transparent
}

.button:hover, [type=button]:hover, [type=reset]:hover, [type=submit]:hover, button:hover {
    background-color: #cca402;
    color: #000
}

.button:focus, [type=button]:focus, [type=reset]:focus, [type=submit]:focus, button:focus {
    outline: 3px solid rgba(255, 205, 3, .6);
    outline-offset: 2px
}

.button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.button:disabled:hover, [type=button]:disabled:hover, [type=reset]:disabled:hover, [type=submit]:disabled:hover, button:disabled:hover {
    background-color: #f6971e
}

fieldset {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

label, legend {
    font-weight: 600
}

label {
    display: block
}

input, select, textarea {
    display: block;
    font-family: canada-type-gibson, sans-serif;
    font-size: 16px
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    padding: .57143rem;
    transition: border-color .25s ease;
    width: 100%
}

[type=color]:hover, [type=date]:hover, [type=datetime-local]:hover, [type=datetime]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, select:hover, textarea:hover {
    border-color: #bbb
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, select:focus, textarea:focus {
    border-color: #f6971e;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(255, 205, 3, .7);
    outline: none
}

[type=color]:disabled, [type=date]:disabled, [type=datetime-local]:disabled, [type=datetime]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, select:disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed
}

[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime-local]:disabled:hover, [type=datetime]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, select:disabled:hover, textarea:disabled:hover {
    border: 1px solid #eaeaea
}

[type=color]::-webkit-input-placeholder, [type=date]::-webkit-input-placeholder, [type=datetime-local]::-webkit-input-placeholder, [type=datetime]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=month]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=time]::-webkit-input-placeholder, [type=url]::-webkit-input-placeholder, [type=week]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #858585
}

[type=color]::-moz-placeholder, [type=date]::-moz-placeholder, [type=datetime-local]::-moz-placeholder, [type=datetime]::-moz-placeholder, [type=email]::-moz-placeholder, [type=month]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, [type=time]::-moz-placeholder, [type=url]::-moz-placeholder, [type=week]::-moz-placeholder, input:not([type])::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #858585
}

[type=color]:-ms-input-placeholder, [type=date]:-ms-input-placeholder, [type=datetime-local]:-ms-input-placeholder, [type=datetime]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=month]:-ms-input-placeholder, [type=number]:-ms-input-placeholder, [type=password]:-ms-input-placeholder, [type=search]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, [type=time]:-ms-input-placeholder, [type=url]:-ms-input-placeholder, [type=week]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #858585
}

[type=color]::-ms-input-placeholder, [type=date]::-ms-input-placeholder, [type=datetime-local]::-ms-input-placeholder, [type=datetime]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=month]::-ms-input-placeholder, [type=number]::-ms-input-placeholder, [type=password]::-ms-input-placeholder, [type=search]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=time]::-ms-input-placeholder, [type=url]::-ms-input-placeholder, [type=week]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #858585
}

[type=color]::placeholder, [type=date]::placeholder, [type=datetime-local]::placeholder, [type=datetime]::placeholder, [type=email]::placeholder, [type=month]::placeholder, [type=number]::placeholder, [type=password]::placeholder, [type=search]::placeholder, [type=tel]::placeholder, [type=text]::placeholder, [type=time]::placeholder, [type=url]::placeholder, [type=week]::placeholder, input:not([type])::placeholder, select::placeholder, textarea::placeholder {
    color: #858585
}

textarea {
    resize: vertical
}

[type=checkbox], [type=radio] {
    display: inline;
    margin-right: .28571rem
}

[type=file], select {
    margin-bottom: .57143rem;
    width: 100%
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/kule.lazy/3.1.161102/css/img/kule/select-arrow-small.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
}

[type=checkbox]:focus, [type=file]:focus, [type=radio]:focus, select:focus {
    outline: 3px solid rgba(255, 205, 3, .6);
    outline-offset: 2px
}

form .form-row {
    position: relative;
    margin-bottom: 1.71429rem
}

form .form-row label {
    line-height: 1;
    font-size: 14px;
    position: absolute;
    top: .57143rem;
    left: .57143rem;
    transition: all .25s ease;
    color: #999;
    font-weight: 300;
    line-height: 1.2
}

form .form-row label.active {
    top: -1.14286rem;
    left: 0;
    font-size: .8em
}

.container {
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.container:after {
    clear: both;
    content: "";
    display: block
}

@media (min-width: 1024px) {
    .container > .row {
        margin-left: -1.14286rem;
        margin-right: -1.14286rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .container > .row:after {
        display: none
    }

    .container > .row > * {
        flex-basis: 50%;
        padding-left: 1.14286rem;
        padding-right: 1.14286rem
    }

    .container > .row.row-3 > div {
        flex-basis: 33.33%
    }
}

#site-header {
    padding-top: 2.28571rem;
    min-height: 350px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 100%;
    background-color: #ffdf60
}

#section-01 {
    transform: translateY(-160px)
}

#section-01 .container {
    background-color: #fff;
    padding-top: 1.14286rem
}

#section-01 .content {
    max-width: 460px;
    margin: 0 auto
}

#section-01 .content h3 {
    font-size: 36px
}

#section-02 {
    transform: translateY(-80px)
}

#section-02 h4 {
    border-bottom: 2px solid #f6971e;
    display: inline-block;
    padding-bottom: .57143rem;
    margin: .57143rem
}

#section-03 {
    padding-top: 2.28571rem;
    padding-bottom: 2.28571rem;
    background-color: #000;
    color: #fff
}

#section-03 .content {
    max-width: 437px;
    margin: 0 auto
}

#section-03 p span {
    color: #f6971e
}