@media screen and (min-width: 992px) {
	#servicos .subtitulo, #servicos .titulo {text-align: left;}
}

@media screen and (max-width: 991px) {
	#sobre .image {width: 160%;}
	#sobre .image img {right: 35%; bottom: 15%;}
	#sobre .box {height: 300px; top: 8%;}

	#servicos::before, #servicos::after {width: 100%; border-radius: 0;}
	#servicos::before {height: 300px; background-position: center;}
	#servicos .image {height: 300px;}

	#contato h2, #contato p {text-align: center;}
}

@media screen and (max-width: 768px) {
	#painel .carousel .carousel-caption h1 {font-size: 26px;}

	#sobre .image {width: 100%;}
	#sobre .image img {width: 150%; right: 15%; bottom: 5%;}
	#sobre .box {height: 330px; top: 8%;}

	#servicos p {text-align: center;}
}

@media screen and (max-width: 575px) {
	#painel .carousel {border-radius: 0 0 50px 50px;}
	
	#servicos p {text-align: start;}
	#call-to-knowledge p:not(.text-center) {text-align: start;}
	#como-trabalhamos p {text-align: start;}
}

@media screen and (max-width: 425px){
	#sobre .image {width: 100%;}
	#sobre .image img {width: 100%; position: relative; right: 0%; bottom: 0%;}
	#sobre .box {height: auto; padding: 20px 20px 20px 20px; top: 0%;}
}

@media screen and (max-width: 320px){
	#call-to-knowledge p:not(.text-center) {text-align: center;}
	#como-trabalhamos p {text-align: center;}
}