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


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}
 @media only screen and (min-width: 320) and (max-width: 780px) {
     
    .menu{display:none;}
     
    .mobile-menu{display:block;
    margin:2px 0 0 5px;}
     
    nav{margin:0;
    background:none;}
     
    .menu li{display:block;
    margin:0;}
     
    .menu li a {background:#fff;
    color:#fff;
    /*border-top:1px solid #e0e0e0;
    border-left:15px solid #ffffff;*/}
     
    .menu li a:hover, .menu li:hover > a{
    background:#f0f0f0;
    color:#fff;
    border-left:5px solid #ff6c1c;}
     
    /*level 2 and 3 - make same width as all items*/
    .menu ul {display:block;
    position:relative;
    top:0;
    left:0;
    width:100%;}
     
    .menu ul ul {left:0;}
     
    }

@media only screen and (max-width: 768px) and (orientation: landscape){
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait) {
	
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 100%;
}