/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

.mediaq{display:none}
.tablet{display:block}
.tablethide{display:none}
	
	h1{font-size:20px;}
	h2{font-size:15px;}
	
		header {
			width: 93.75%; /* 720px / 768px */
		}

		#maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		.maincontent{
			width: 93.75%; /* 720px / 768px */
		}

		
		footer {	
			width: 93.75%; /* 720px / 768px */
		}
		
	.tablet_span_1_of_1{width: 100%;}
	.tablet_span_1_of_2{width: 49.2%;float:left}
	.tablet_span_11_of_12{width: 91.53%;}

	
    #navigation{  
        
        
        height: auto;
				
    }  
    #navigation li {  
        width: 42%;  
        float: left;  
        position: relative;  
				
    }  
		
		#navigation li.m {  
        width:1px;
				
    }  
  
    #navigation a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }  
		
		#navigation li.last{width:97%;float:right;text-align:center;}