/*version desktop*/
@media all and (min-width: 1280px)
{
    *
    {
        -moz-box-sizing: border-box; /* firefox */
        -webkit-box-sizing: border-box; /* safari/chrome */
        box-sizing: border-box; /* ie */
    }
    ::-moz-focus-inner {border:0;}                       /* firefox */
    :focus {outline:none;}                               /* ie8, chrome, etc */

    body
    {
        margin: 0;
        padding: 0;
        background: #111;
    }
    
    #wrapper
    {
        display: block;
        position: relative;
        width: auto;
        padding-top: 140px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    section
    {
        font-family: 'Calibri';
        display: block;
        padding: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -16px;
    }
    
    footer
    {
        
    }
}
/* version mobile */
@media all and (max-width: 1279px)
{
    *
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box; /* Safari/Chrome */
        box-sizing: border-box; /* IE */
        _noFocusLine: expression(this.hideFocus=true);
    }
    ::-moz-focus-inner {border:0;}                       /* firefox */
    :focus {outline:none;}                               /* ie8, chrome, etc */

    body
    {
        margin: 0;
        padding: 0;
        background: #111;
    }

    #wrapper
    {
        display: block;
        position: relative;
        width: auto;
        top: 40px;
    }

    section
    {
        font-family: 'Calibri';
        display: block;
        height: 800px;
        padding-top: 140px;
        margin-bottom: -16px;
    }

    footer
    {
        
    }
}