@media only screen and (max-width: 960px) {
 
    div.column.full, div.column.twoThirds, div.column.third, 
    div#breadCrumbContainer 
    {
        width: 100%;
    }
    
    div#breadCrumb {
        width: auto;
        max-width: 50%
    }
    
    div.column.full div.shadow,
    div.column.twoThirds div.shadow,
    div.column.third div.shadow
    {
        background: url(/template/columns/full.png) repeat-y;
    }
    
    div.column.full div.shadow div.top,
    div.column.twoThirds div.shadow div.top,
    div.column.third div.shadow div.top
    {
        background: url(/template/columns/full-top.png) no-repeat left top;
    }
    
    div.column.full div.shadow div.bottom,
    div.column.twoThirds div.shadow div.bottom,
    div.column.third div.shadow div.bottom
    {
        background: url(/template/columns/full-bottom.png) no-repeat left bottom;
    }
    
    div.column div.shadow div.top,
    div.column div.shadow div.bottom,
    div.column div.shadow,
    div.column.full div.shadow,
    div.column.full div.shadow div.top,
    div.column.full div.shadow div.bottom,
    div.column.twoThirds div.shadow,
    div.column.twoThirds div.shadow div.top,
    div.column.twoThirds div.shadow div.bottom,
    div.column.third div.shadow,
    div.column.third div.shadow div.top,
    div.column.third div.shadow div.bottom
    {
        background-size: contain;
        overflow: hidden;
    }
    
}