body{
    color:green;
    font-family:Georgia,serif;
    font-size:24px;
    line-height:1.5
}
[role=button],button,input[type=button],input[type=reset],input[type=submit]{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
button,input[type=button],input[type=reset],input[type=submit]{
    background:0 0;
    border:0;
    color:inherit;
    font:inherit;
    line-height:normal;
    overflow:visible;
    padding:0;
    -webkit-appearance:button;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
[role=button]{
    color:inherit;
    cursor:default;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    white-space:pre;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
body{
    line-height:1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none
}
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:700
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
/* @font-face{
    font-family:'San Francisco Display';
    src:url("SanFranciscoDisplay-Regular.eot");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'San Francisco Display';
    src:local("San Francisco Display Regular"),local("SanFranciscoDisplay-Regular"),url("SanFranciscoDisplay-Bold.ttf") format("truetype"),url("SanFranciscoDisplay-Bold.svg#SanFranciscoDisplay-Bold") format("svg");
    font-weight:700;
    font-style:normal
} */
body,html{
    overflow-x:hidden!important
}
body{
    color:#000;
    background-color:#fff;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:200;
    font-style:normal
}
a{
    text-decoration:none;
    color:inherit
}
img{
    vertical-align:middle
}
.container{
    max-width:380px;
    margin-left:auto;
    margin-right:auto;
    padding-left:8px;
    padding-right:8px
}
.container:after{
    clear:both;
    content:"";
    display:table
}
.container:after{
    content:" ";
    display:block;
    clear:both
}
@media (min-width:765px){
    .container{
        max-width:780px;
        margin-left:auto;
        margin-right:auto;
        padding-left:16px;
        padding-right:16px
    }
    .container:after{
        content:" ";
        display:block;
        clear:both
    }
}
@media (min-width:1012px){
    .container{
        max-width:980px;
        margin-left:auto;
        margin-right:auto
    }
    .container:after{
        content:" ";
        display:block;
        clear:both
    }
}
@media (min-width:1202px){
    .container{
        max-width:1180px;
        margin-left:auto;
        margin-right:auto
    }
    .container:after{
        content:" ";
        display:block;
        clear:both
    }
}
.align-right{
    text-align:right
}
.main-page{
    margin:36px 0;
    padding:0 15px
}
@media (min-width:1012px){
    .main-page{
        margin:50px 0;
        padding:0
    }
}
@media (min-width:1202px){
    .main-page{
        margin:0;
        height:100vh;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media (min-width:765px){
    .main-page .main-page__content{
        float:left;
        width:80%
    }
}
@media (min-width:1012px){
    .main-page .main-page__content{
        width:55%
    }
}
@media (min-width:1202px){
    .main-page .main-page__content{
        width:45%
    }
}
.main-page .main-page__content .intro{
    font-size:20px;
    margin-bottom:-4px
}
@media (min-width:1012px){
    .main-page .main-page__content .intro{
        font-size:28px
    }
}
.main-page .main-page__content h1{
    letter-spacing:-1.7px;
    font-weight:400;
    line-height:108%;
    margin-bottom:26px;
    font-size:36px
}
@media (min-width:1012px){
    .main-page .main-page__content h1{
        margin-bottom:30px;
        font-size:56px;
        letter-spacing:-2px
    }
}
.main-page .main-page__content p{
    font-size:15px;
    line-height:139%;
    margin-bottom:23px
}
@media (min-width:1012px){
    .main-page .main-page__content p{
        font-size:18px;
        line-height:146%;
        margin-bottom:23px
    }
}
.main-page .main-page__content p a{
    text-decoration:underline
}