@media (min-width: 992px) {
	#header .nav-link {
		margin-left: 15px;
		margin-right: 15px;		
	}
}


/*no curso ele fez isso porue menu responsivo não abria no lugar certo*/
/*copiei aqui, ams não estava acontecendo aqui para mim*/
/*// Medium devices (tablets, less than 992px)*/

@media (min-width: 1200px) { 
	#quemsomos p.quemsomosbase {
		width: 50%;
		margin-left: auto; /* isto centraliza  */
		margin-right: auto; 		
	}
}



@media (max-width: 575.98px) { 
	#quemsomos .sobesm {
		margin-top: -100px;
	}
	

	
}



@media (min-width: 992px) {
	 #sbpequeno {
		 display:none;
	 }
}
 
 

@media (max-width: 991.98px) { 
	#header .nav-bar-collapse {
		width: 100%;
	}
	
	#contato .email img {
		width: 90px;
		top: -40px;
	}
	
	#quemsomos {
		margin-top: 0px;
	}
	
	#sbgrande {
		display: none;
	}		

 }
 
@media (max-width: 1199.98px) { 
	#quemsomos p.black {
		font-size: 30px;
	}
	
	#quemsomos p.light {
		font-size: 20px;
	}	
 }


 @media (max-width: 767.98px) {
	 #servicos a.destaque .img-container {
		 height: 120px;
	 }
	 #servicos a.destaque .img-container img {
		 max-height: 120px;
	 }	 
	 
	 #clientes .cliente-texto .imagem {
		 padding: 10px 0 30px 0;
		 /*margin-left: -20px; eu que pus este aqui... algo não está certo com esta div mas não parei para ver*/
	 }
	 
	 #clientes .cliente-texto .imagem  img {
		 max-width: 150px;
	 }
	 
	 #contato .email {
		 padding: 60px 30px 50px 30px;
	 }
	 
	 #contato .email form {
		 width: 100%;
		 flex-direction: column;
	 }
	 
	 #contato ul {
		 padding-top: 30px;
		 justify-content: center;
	 }
	 
	 #contato .testeregina {
		 text-align: center;
	 }
	 

 }
 
@media (max-width: 575.98px) { 
	 #logofooterbranco {
		border: none;
	}
}