body {
    width: 100%;    
    background-color: white;
    font-family: Calibri;
}

#inner {
    background-image: url(/images/bg.jpg);
}





@media screen and (max-width:900px) {
    body {
        margin: 0;
    }

}


@media screen and (max-width:1200px) and (min-width: 901px) {
    body {
        margin: 0;
    }

    #inner {
        width: 901px;
        margin: 0 auto;
    }
}


@media screen and (min-width:1201px) {
    body {
        margin: 0 auto;
    }

    #inner {
        width: 1200px;
        margin: 0 auto;
    }
}


/* Text sizes */
@media screen and (min-width: 1px) and (max-width:300px) {
    body {
        font-size: 12px;
    }
    #content {
        margin: 10px 30px 30px 30px;
    }
}

@media screen and (min-width: 301px) and (max-width:600px) {
    body {
        font-size: 14px;
    }
    #content {
        margin: 15px 40px 40px 40px;
    }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
    body {
        font-size: 20px;
    }
    #content {
        margin: 30px 50px 50px 50px;
    }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
    body {
        font-size: 24px;
    }
    #content {
        margin: 50px 60px 60px 60px;
    }
}
@media screen and (min-width: 1201px) {
    body {
        font-size: 30px;
    }
    #content {
        margin: 77px 77px 77px 77px;
    }
}