/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {

    #container {
        width: 99%;
        margin: 0 auto;
    }
}
/**** END 1280 ****/




/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

    body {
        font-size: 13px;
    }

    h1 {
        font-size: 3em;
    }
    /* 60px */
    h2 {
        font-size: 2.5em;
    }
    /* 48px */
    h3 {
        font-size: 2em;
    }
    /* 36px */
    h4 {
        font-size: 1.5em;
    }
    /* 24px */
    h5 {
        font-size: 1.3125em;
    }
    /* 21px */
    h6 {
        font-size: 1.125em;
    }
    /* 18px */


}
/**** END 768 ****/



/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
}
/**** END 640 ****/



/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

    #contentpad {
        padding: 15px 5px;
    }

    .hide_it {
        display: none;
    }

    .column_half {
        float: none;
        width: 100%;
        margin: 10px auto;
    }
}
/**** END 480 ****/



/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
}
/**** END 320 ****/