/*03_grid_768.css*/
@media (max-width: 768px) {

#body_wrapper_div {

	grid-template-columns:
	var(--03_grid_main_width_1199)
	
	grid-template-areas:
	"header"
	"layout"
	"footer";		
}

#layout_div {
	grid-template-columns:

	var(--03_grid_main_width_1199)
}	

header{
	position:static;
}	

#main_wrapper {
	display:grid;
	margin: 0 auto;
	grid-template-columns: 1fr;
	grid-template-rows: auto minmax(0, 1fr);
	grid-template-areas:
	"main_main"
	"footer_handy";
	align-items: center;
}

#footer_handy_div {
	text-align:center;
	display:block; 		
}

#nav_ol_handy{
	display:block; 	
}	

}