/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width:1200px){


}

/* 
1000px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width:1040px){
	
}

/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){

}

/* 
840px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:840px){

}

/* 
770px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:770px){
	
	.header-content { display: none; }
	.headerHomeRes { background: #ffff00; display: table; height: 100px; }

	.topo-logo { position: relative; margin-top: -100px; padding: 0px; width: 100%; }	
	.sombreamento { display: none; }
	
	.topo-menu { display: none; }
	.topo-menu-suspenso { display: none; }
	.menu-suspenso { display: none; }

	.footer-menu { flex-direction: column; }
	.area-footer-copy { flex-direction: column; }
}


/* 
320px – Smartphones no formato retrato com tela pequena
***********************************************************/
@media screen and (max-width:360px){

	.header-content { display: none; }
	.headerHomeRes { background: #ffff00; display: table; height: 100px; }

	.topo-fundo-interno { height: 220px; }
	.topo-fundo-titulo { font-size: 56px; padding-top: 50px; }
	
	.topo-logo { position: relative; margin-top: -100px; padding: 0px; width: 100%; }	
	.sombreamento { display: none; }
	
	.topo-menu { display: none; }
	.topo-menu-suspenso { display: none; }
	.menu-suspenso { display: none; }

	.footer-menu { flex-direction: column; }
	.area-footer-copy { flex-direction: column; }

}