/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
    width: 100%;
}

.span_1_of_2 {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
        #headcontainer {
        width: 100%;
        padding:0.5em 0 0.5em 0;
        background: url(../upload/img/bg_header.jpg) no-repeat center top;
        -moz-box-shadow:0px 0px 6px #666;
        -webkit-box-shadow:0px 1px 6px #666;
        box-shadow:0px 1px 6px #666;
        border-bottom: 6px solid #fff;   
    }
    
            header {
            clear: both;
            width: 80%; /* 1000px / 1250px */
            font-size: 1.8em; /* 13 / 16 */
            line-height:normal;
            font-weight:bold;
            max-width: 92.3em; /* 1200px / 13 */
            margin: 0 auto;
            padding:0.5em 0 0.5em 0;
            color: #fff;
            text-align: left;
        }

    .span_2_of_2 {
        width: 100%; 
    }
    .span_1_of_2 {
        width: 100%; 
    }
}