/*********************************************
TWO COLUMN LAYOUT
**********************************************/


@media screen and (min-width: 480px) {

    body {
        background: #e6e6e6;
      }

    #primary {
        width: 50%;
        float: left;
    }

    #secondary {
        width: 40%;
        float: right;
    }

}




/*********************************************
3* 5 = 15
100% - 15% = 85%
85 / 3 = 28.3333333333
**********************************************/




/*********************************************
PAGE: PORTFOLIO
**********************************************/

#gallery li {
    
    width: 28.3333%;
}



@media screen and (min-width: 660px) {
    
    body {
        
        background: #d9d9d9;
    }
}