@charset "utf-8";

.sec-intro{
	width: 100vw;
	min-height: 100%;
	margin: 0 auto;
	display: flex;
	background-image:url("../img/BG-Intro.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 5em;
}
.container-intro{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.box-intro-a{
	width: 60%;
	height: 100%;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	padding-bottom: 4em;
}
.box-intro-b{
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}
.intro-a{
	display: flex;
	flex-direction: column;
}
.intro-b{
	display: flex;
	flex-direction: column;
}
.titleintro{
	font-size: 45px;
	line-height: 130%;
}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px){
	.titleintro{
		font-size: 4.5vw;
	}
}
@media only screen and (max-width: 800px){
	.container-intro{
		flex-direction: column;
	}
	.box-intro-a{
		min-height: 600px;
		width: 100%;
	}
	.box-intro-b{
		width: 100%;
		align-items: flex-start;
	}
	.titleintro{
		font-size: 25px;
		line-height: 150%;
	}
}
@media only screen and (max-width: 600px){
	.intro-a{
		text-align: center;
	}
	.intro-b{
		align-items: center;
	}
	.box-intro-a, .box-intro-b{
		align-items: center;
	}
}
/* -------------------------------------------------------------------------------------------- */

.sec-chamada{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	padding: 3em 0;
}
.container-chamada{
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.box-chamada-a{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3em;
}
.box-chamada-b{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3em;
}
.servicos-titles{
	font-size: 30px;
	line-height: 150%;
}
.servicos-subtitles{
	font-size: 21px;
	line-height: 150%;
}
.subservicos{
	font-size: 25px;
	line-height: 150%;
}
.icons{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 15px 0;
}

@media only screen and (max-width: 1440px){
	.icons{
		align-items: flex-start;
	}
}
@media only screen and (max-width: 1280px){
	.servicos-titles{
		font-size: 2.5vw;
	}
	.box-chamada-b{
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 1024px){
	.container-chamada{
		flex-direction: column;
	}
	.servicos-titles{
		font-size: 4vw;
	}
	.box-chamada-a{
		width: 100%;
	}
	.box-chamada-b{
		width: 100%;
	}
}
@media only screen and (max-width: 600px){
	.servicos-titles{
		font-size: 25px;
	}
}


/* Footer */
.sec-footer{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 5em 0;
}
.container-footer{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}