@media screen and (min-width : 60em) {

	#cabecalho .projeto {
		width: 20%;
	}

	#cabecalho .usuario {
		width: 70%;
	}

	#cabecalho .usuario .uu {
		width: 60%;
	}

	#cabecalho .usuario .nome {
		width: 40%;
	}

	#cabecalho .sair {
		text-align: right;
		width: 10%;
	}

	#cabecalho .atalho-menu {
		display: none;
	}

	#main #frmMenu {
		margin: 1em;
		padding: .25em .5em;
	}

	#main #frmMenu .ui-menu {
		border-width: 0;
	}

	#content {
		margin: 1em;
	}

	#main .section {
		border-radius: var(--radius-md);
		box-shadow: var(--shadow-md);
	}

}

@media screen and (max-width : 59.99999em) {

	#cabecalho {
		padding: .75em 1em;
	}

	#cabecalho .projeto {
		margin-left: 3em;
	}

	#cabecalho .label {
		display: block;
	}

	#cabecalho .usuario {
		display: none;
	}

	#cabecalho .sair {
		display: none;
	}

	#cabecalho .atalho-menu {
		display: inline-block;
		left: .75em;
		position: absolute;
		top: .55em;
	}

	#main #frmMenu {
		border-left: 0;
		border-radius: 0;
		border-right: 0;
		margin: 0;
	}

	#main #frmMenu .ui-menu {
		border-width: 0;
		padding-bottom: 3em;
		width: 100%;
	}

	#main #frmMenu .ui-sidebar {
		overflow: auto;
		width: 100%;
	}

	#main .pnlMenuMaior {
		display: none;
	}

	#content {
		margin: .75em;
	}

	#main .top {
		font-size: 1.5em;
		margin: .55em .75em .35em;
	}

	#main .section {
		border-radius: var(--radius-md);
		box-shadow: var(--shadow-sm);
	}

}