/* 
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){

	.headerHome { display: none; }
	.headerHomeRes { background: #ffff00; display: table; height: 100px; }

	.sombreamento { display: none; }
	
	.topo-menu { display: none; }
	.topo-menu-suspenso { display: none; }
	.menu-suspenso { display: none; }

	.tt-banner {
		font-size: 24px;
		padding-bottom: 10px;
	}

	.carouselSlides {
		display: table;
		left: 0px;
		right: 0px;
		margin: auto;
		padding: 0px;
		width: 90%;
	}

	.carousel-botoes > p {
		display: flex;
		gap: 20px;
	}

	.btn-banner {
		font-size: 12px;
		display: inline;
		margin: 0px;
		padding: 10px;
		width: 140px;
	}

	.tt-h { font-size: 46px; }
	
	.tt-contacte { font-size: 40px; }

	.area-sobre { flex-direction: column; }
	.area-sobre > div { width: 100% }

	.area-sobre-texto { font-size: 16px; padding: 20px; }
	.area-sobre-capa { height: 350px; }
	
	.show-obras {
		height: 315px;
		margin-bottom: 30px;
	}

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


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

	.headerHome { display: none; }
	.headerHomeRes { background: #ffff00; display: table; height: 100px; }

	.sombreamento { display: none; }
	
	.topo-menu { display: none; }

	.tt-banner {
		font-size: 24px;
		padding-bottom: 10px;
	}

	.carouselSlides {
		display: table;
		left: 0px;
		right: 0px;
		margin: auto;
		padding: 0px;
		width: 90%;
	}

	.carousel-botoes > p {
		display: flex;
		gap: 20px;
	}

	.btn-banner {
		font-size: 12px;
		display: inline;
		margin: 0px;
		padding: 10px;
		width: 140px;
	}

	.tt-h { font-size: 46px; }
	
	.tt-contacte { font-size: 40px; }

	.area-sobre { flex-direction: column; }
	.area-sobre > div { width: 100% }

	.area-sobre-texto { font-size: 16px; padding: 20px; }
	.area-sobre-capa { height: 350px; }
	
	.show-obras {
		height: 315px;
		margin-bottom: 30px;
	}

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