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

header {
	width: 100%; /* 720px / 768px */
}

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

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

#headerMenu,
#headerMenuTop {
	display:none;
}

#headerMenuMob {
	display:block;
	margin:0 0 5px 0;
}

#header .span_2_of_8,
#header .span_6_of_8 {
	width: 49%;
}

/* CONTENT ============================================================================= */

.page-template-page_home #contentMain.span_3_of_4 {
	width: 66%;
}

.page-template-page_home #contentSidebar.span_1_of_4 {
	width: 32%;
}

#contentSubmenu.span_1_of_3 {
	width: 100%;
}

#contentMain.span_2_of_3 {
	width: 100%;
	margin-left: 0;
}

#contentHomeHighlights .span_1_of_3 {
	width: 100%;
	margin-left: 0;
}

/* COLUMNS ============================================================================= */