@font-face {
        font-family: 'Graphik';
        src: url('fonts/GraphikWeb-Regular.eot');
        src: url('fonts/GraphikWeb-Regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/GraphikWeb-Regular.woff') format('woff'),
             url('fonts/GraphikWeb-Regular.ttf') format('truetype'),
             url('fonts/GraphikWeb-Regular.svg#Graphik Web') format('svg');
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        }

    body,
    html { font-family: 'Graphik', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background-color: #31424d; /*font-size-adjust:0.6;*/ font-weight: 300; color: #fff; font-size: 13px; }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 { color: #fff; margin: 0 0 18px 0; padding: 0; line-height: 0.9; font-weight: 300; font-size: 13px; font-family: 'Graphik', "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size-adjust:0.5; font-style:normal; }
         
    h1 { }
    h2 { font-size: 15px; margin: 0 0 14px 0; font-weight: normal; line-height: 1; letter-spacing: 0.02em; }
    h3 { }
    h4 { }
    h5 { }

    p { color: #fff; font-size: 23px; margin: 0 0 18px 0; font-weight: normal; line-height: 1.35; letter-spacing: 0.05em; }
        p strong{ font-weight: 600; }

    ul {  }

    li {  }

    span { }
    
    input,
    textarea { font-family: 'Graphik', Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size-adjust:0.5; font-weight: 300; font-style:normal; }

    a,
    a:visited,
    a:focus { color: #25afdf; outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
    a:hover { color: #fff; outline: none; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

    .clear { margin: 0; }

    .last-child p:last-child { margin: 0; }

    #wrap { float: left; width: 100%; margin: 0 0 61px 0; }
        
        #inner { margin: 61px 0 0 30px; width: 874px; }

            #logo { float: left; width: 100%; }
                #logo h1 { float: left; width: 300px; height: 37px; margin: 0; padding: 0; }
                    #logo h1 a { display: block; width: 300px; height: 37px; text-indent: -9999px; background: transparent url('../images/addition.png') 0 0 no-repeat; }
                          
            .section { float: left; width: 100%; margin: 62px 0 0 0; }
                .section p { margin: 0; }

    @media (min-width: 1280px) {
        #inner { width: 1080px; }
    }
    @media (max-width: 1024px) {
        #inner { width: 874px; }
        p { font-size: 21px; line-height: 1.27; }
    }
    @media (max-width: 760px) {
        #inner { width: 610px; }
        p { font-size: 21px; line-height: 1.27; }
    }
    @media (max-width: 480px) {
        #logo h1 { width: 280px; height: 35px; }
            #logo h1 a { width: 280px; height: 35px; background: transparent url('../images/addition.png') 0 0 no-repeat; background-size: 280px 35px; }
        #inner { width: 280px; margin: 61px auto 0 auto;  }
        p { font-size: 15px; margin: 0 0 14px 0; font-weight: normal; line-height: 1.2; letter-spacing: 0.02em; }
        h2 { font-size: 15px; }
        .section { margin: 55px 0 0 0; }
    }