/*
 * @package: edumusas
 * Estrutura: Body, Header, Main, Footer
*/
html, body {height:100%;max-width:100vw;margin:0;padding:0;background-color:#fff;}
body * {margin:0;padding:0;}
#page {z-index:0;position:relative;
	width:100%;min-height:100vh;
  display:-webkit-flex;display:flex;
  -webkit-flex-wrap:nowrap;flex-wrap:nowrap;
  -webkit-flex-direction:column;flex-direction:column;
  -webkit-justify-content:space-between;justify-content:space-between;
  -webkit-align-content:stretch;align-content:stretch;
  -webkit-align-items:stretch;align-items:stretch;
}
#page > * {
	display:flex;flex-wrap:wrap;
  justify-content:space-around;align-items:stretch;
}
#masthead{z-index:1000;width:20%;height:100vh;position:fixed;}
#primary {
	z-index:1;position:relative;width:80%;
	flex:2 1 auto;align-self:auto;margin-left:20%;
}
#colophon {height:auto;z-index:1000;margin-left:0;width:20%;position:absolute;}
/*- MIOLO -*/
#secondary {z-index:2;position:relative;}
#site-miolo {z-index:2;position:relative;}
.fuller {width:100%;}
.centralizer {margin-left:auto;margin-right:auto;width:80%;}
.miolo {max-width:60%;margin:0 auto;}
.flexed{display:flex;}
.colflexed{display:flex;flex-direction:column;}
.rowflexed{display:flex;flex-direction:row;}
#foot-crawl {}
.hancorage {width:100%;visibility:hidden;}

/*#--- MOBILE ---#*/
@media screen and (max-width:768px) {
	#masthead {width:100%;height:auto;position:sticky;top:0;}
	#primary {width:100%;margin-left:0;}
	#colophon {margin-left:0;width:100%;}
	.centralizer {width:92%;}

}