@import'https://fonts.googleapis.com/css?family=Montserrat';
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
    display:block
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    border:0;
    font:inherit;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline
}
html{
    box-sizing:border-box;
    -webkit-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch
}
*,:before,:after{
    box-sizing:inherit
}
body{
    font-size:1em;
    line-height:1.2;
    word-wrap:break-word;
    background-color:#f2f2f2
}
h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0;
    line-height:1.2
}
a{
    text-decoration:none
}
strong{
    font-weight:700
}
em{
    font-style:italic
}
dl,dd{
    margin:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
address{
    font-style:normal
}
fieldset{
    padding:0;
    margin:0;
    border:0
}
img{
    display:block;
    max-width:100%;
    height:auto;
    border:0
}
legend{
    max-width:100%
}
body:before{
    content:"small";
    display:none
}
@media(min-width:48em){
    body:before{
        content:"medium"
    }
}
@media(min-width:64em){
    body:before{
        content:"large"
    }
}
.button{
    display:inline-block;
    padding:.75rem 2.5rem;
    background-color:#ff6e1a;
    border:1px solid #d46c37;
    border-radius:.25rem;
    font-size:.9rem;
    color:#fff;
    text-transform:uppercase;
    font-family:Montserrat,helvetica,arial,sans-serif;
    cursor:pointer;
    transition:background .25s ease-in
}
.button:hover,.button:focus{
    outline:0;
    background-color:#e66317
}
.button:active{
    background-color:#cc5815
}
h1{
    font-size:2rem;
    font-weight:700;
    margin-bottom:2rem
}
.align-left,.align-right,.align-center{
    margin:0 auto 1.5em
}
@media only screen and (min-width:40em){
    .align-left{
        float:left;
        margin:0 1.5em 1.5em 0
    }
    .align-right{
        float:right;
        margin:0 0 1.5em 1.5em
    }
}
input[type=text],input[type=email],input[type=tel],input[type=number]{
    padding:.75rem;
    border:1px solid #ddd;
    background-color:#fff;
    border-radius:.25rem;
    height:2.75rem;
    font-size:1rem
}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus{
    outline:0;
    border-color:#b1b1b1
}
.field__input--text{
    width:100%
}
.field__input--options{
    height:3em;
    width:100%;
    font-size:1rem
}
legend{
    display:block;
    margin-bottom:1.5rem;
    font-weight:400
}
.user-info-list{
    margin:1.5em 0
}
.user-info-list__item{
    margin:0 0 .8em;
    text-align:left
}
body{
    color:#333;
    font-family:Montserrat,helvetica,arial,sans-serif;
    font-size:1em;
    font-weight:400
}
p{
    margin:0
}
.is-vishidden{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.field-wrapper *{
    display:block;
    width:100%
}
.field-wrapper :first-child{
    margin-bottom:1rem
}
.field__label--row{
    display:inline-block;
    padding-bottom:.5em
}
.field__label--required{
    position:relative
}
.field__label--required:after{
    content:"*";
    display:block;
    position:absolute;
    color:red;
    right:-1em;
    top:0
}
.field--row{
    text-align:left;
    margin-bottom:1.5em
}
.button-wrapper{
    padding-top:1em
}
@media(min-width:48em){
    .field-wrapper{
        display:-ms-flexbox;
        display:flex
    }
    .field-wrapper *{
        width:auto
    }
    .field-wrapper :first-child{
        margin-bottom:0
    }
    .field-wrapper input[type=email]{
        width:calc(100% - 8.25rem)
    }
    .field-wrapper .button{
        margin-left:-.5rem
    }
}
.logo-link{
    display:block
}
.logo{
    margin:0 auto
}
.site-header{
    margin:2.88rem 0 2rem
}
@media(min-width:48em){
    .site-header{
        margin:4.88rem 0 4em
    }
}
.wrap{
    max-width:38rem;
    margin:0 auto;
    padding:0 1rem 3rem
}
.site-main{
    padding:2.25rem 2.5rem;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:.25rem;
    text-align:center
}
@media(min-width:48em){
    .site-main{
        padding:3.88rem 3.13rem
    }
}