@media(max-width: 1660px) {
	#quem_somos .mask_img {
		width: calc(100% + 280px);
	}
	#quem_somos .mask_img:nth-child(3) {
		margin-left: -280px;
	}
}
@media(max-width: 1560px) {
	#quem_somos .mask_img {
		width: calc(100% + 200px);
	}
	#quem_somos .mask_img:nth-child(3) {
		margin-left: -200px;
	}
}
@media(max-width: 1460px) {
	header nav a {
		font-size: 14px;
	}
	header nav ul {
		column-gap: 48px;
	}
	#banner h2 .span3,
	#banner h2 .span2 {
		font-size: 54px;
	}
	#banner h2 {
		font-size: 70px;
	}
	#banner h2 .span1 {
		font-size: 62px;
	}
	#quem_somos .centro {
		column-gap: 95px;
	}
	#quem_somos .mask_img {
		width: calc(100% + 150px);
	}
	#quem_somos .mask_img:nth-child(3) {
		margin-left: -150px;
	}
	.listagem_depoimentos .aspas {
		width: 82px;
		height: 61px;
		top: -35px;
	}
	#servicos .bottom .esquerda {
		gap: 100px;
	}
	#servicos .top .mask_img .titulo h2, #servicos .top .mask_img .titulo h2 strong,
	#servicos .top .mask_img .titulo h2 strong {
		font-size: 48px;
		line-height: 48px;
	}
	#servicos h3 b {
		font-size: 48px;
	}
	#cases {
		width: 100%;
		border-radius: 0;
		max-width: unset;
	}
	#cases .centro {
		max-width: 1300px;
	}
	footer .logo {
		width: 176px;
		height: 73px;
	}
}
@media(max-width: 1360px) {
	#cases .centro,
	#quem_somos .centro,
	header .centro {
		max-width: 1120px;
	}
	#servicos .bottom .esquerda {
		padding-left: 120px;
	}
	header nav a,
	header.ativo nav a {
		font-size: 13px;
	}
	#banner h2 .span1 {
		font-size: 47px;
	}
	#banner h2 .span3, #banner h2 .span2 {
		font-size: 42px;
	}
	#banner h2 {
		font-size: 56px;
	}
	#banner h2, #banner h2 .span3, #banner h2 .span2, #banner h2 .span1 {
		line-height: 58px;
	}
	#depoimentos .centro {
		width: calc(100% - 120px);
	}
	.listagem_depoimentos .mask_img {
		padding: 90px;
	}
	.listagem_depoimentos .mask_img img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.listagem_depoimentos .conteudo_depoimentos {
		position: relative;
		left: 0;
		bottom: 0;
		z-index: 2;
		width: 100%;
	}
	#quem_somos h2 b {
		font-size: 44px;
	}
	#quem_somos h2 i,
	#quem_somos h2 {
		font-size: 40px;
	}
	#quem_somos .mask_img {
		max-height: 60vh;
	}
	#quem_somos .mask_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}
	#quem_somos .mask_img:nth-child(3) {
		grid-row: 2;
		grid-column: 1;
	}
	#quem_somos .mask_img:nth-child(2) {
		grid-row: 1;
		grid-column: 2;
	}
	main p {
		font-size: 19px;
	}
	#quem_somos .centro {
		grid-auto-rows: unset;
		gap: 60px;
		padding-top: 86px;
	}
	#servicos .top .mask_img .titulo h2, #servicos .top .mask_img .titulo h2 strong, #servicos .top .mask_img .titulo h2 strong {
		font-size: 42px;
		line-height: 46px;
	}
	#servicos h3 {
		max-width: 430px;
		font-size: 28px;
	}
	#servicos h3 b {
		font-size: 38px;
	}
	#servicos .top .mask_img {
		height: 78vh;
		position: sticky;
		top: 107px;
	}
	#servicos .top {
		align-items: flex-start;
	}
	#servicos h4 {
		font-size: 14px;
	}
	#servicos ul {
		margin-top: 38px;
	}
	#servicos .bottom .mask_img {
		height: 60vh;
		position: sticky;
		top: 148px;
	}
	#servicos .bottom .mask_img .icone_marca {
		width: 85px;
		height: 85px;
		background-size: 50px;
	}
	#servicos .bt_padrao {
		font-size: 14px;
		padding-left: 30px;
		background-size: 18px;
	}
	#servicos .bottom .mask_img .botao {
		padding: 0 28px;
	}
	#servicos .bottom .mask_img img {
		object-position: 50% 25%;
	}
	#servicos .top .direita {
		padding-right: 80px;
		box-sizing: border-box;
	}
	.listagem_marcas .mask_img {
		max-width: 135px;
		max-height: 48px;
	}
	#cases h2 {
		font-size: 48px;
	}
	#cases .passador span {
		background-size: 10px !important;
		width: 42px;
		height: 42px;
	}
	#cases .anterior {
		margin-right: 5px;
	}
	#marcas h2 {
		font-size: 42px;
	}
	footer .logo {
		width: 115px;
		height: 50px;
	}
	footer .lista_contato {
		margin-top: 28px;
	}
	footer .lista_contato li,
	footer .lista_contato li a {
		font-size: 16px;
	}
	footer .sociais a {
		width: 32px;
		height: 32px;
	}
	footer .mask_img {
		grid-row: unset;
		position: sticky;
		top: 112px;
	}
	footer form button[type="submit"] {
		width: 150px;
		font-size: 14px;
	}
}
@media(max-width: 1280px) {
	#servicos .bottom .esquerda {
		padding-left: 80px;
	}
	#depoimentos .centro {
		width: calc(100% - 80px);
	}
}
@media(max-width: 1080px) {
	header.ativo {
		background-size: cover;
	}
	header .bt_menu_mobile {
		display: flex;
		margin-left: auto;
		width: 50px;
	}
	header nav.aberto {
		display: flex;
	}
	header nav {
		position: fixed;
		top: 112px;
		left: 0;
		bottom: 0;
		overflow: auto;
		width: 100%;
		align-items: center;
		justify-content: center;
		background: #252a36;
		z-index: 99999;
	}
	header.ativo nav {
		top: 87px;
	}
	header nav ul {
		flex-direction: column;
		align-items: center;
		row-gap: 40px;
	}
	#cases .centro, #quem_somos .centro, header .centro, .centro,
	#depoimentos .centro {
		width: calc(100% - 40px);
	}
	header nav {
		display: none;
	}
	#banner .centro {
		width: 100%;
	}
	#banner h2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 48px;
	}
	#banner h2 .span1 {
		font-size: 40px;
	}
	#banner h2 .span3, #banner h2 .span2 {
		font-size: 38px;
	}
	#quem_somos .centro {
		display: flex;
		flex-direction: column;
		padding-top: 32px;
		row-gap: 20px;
		padding-bottom: 76px;
	}
	#quem_somos article:first-child {
		padding-top: 0;
		margin-bottom: 38px;
	}
	#quem_somos h2 {
		text-align: center;
	}
	#quem_somos p {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
		margin-top: 32px;
		font-size: 18px;
	}
	#quem_somos .mask_img {
		width: 100%;
		max-height: 60vw;
		align-items: flex-start;
	}
	#quem_somos .mask_img:nth-child(3),
	#quem_somos .mask_img:nth-child(2) {
		margin: 0;
		border-radius: 16px;
	}
	#quem_somos article:nth-child(4) {
		padding-top: 0;
	}
	#quem_somos article {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#depoimentos .centro {
		max-width: unset;
		margin-right: auto;
		width: 100%;
	}
	.listagem_depoimentos .mask_img {
		padding: 40px 20px;
		padding-top: 60px;
		border-radius: 0;
	}
	.listagem_depoimentos .mask_img img {
		border-radius: 0;
	}
	.listagem_depoimentos .aspas {
		width: 60px;
		height: 44px;
		top: 0;
		left: 20px;
		transform: translateY(-50%);
	}
	.listagem_depoimentos .conteudo_depoimentos p i {
		font-size: 24px;
		line-height: 40px;
	}
	#servicos .top .mask_img .titulo h2, #servicos .top .mask_img .titulo h2 strong, #servicos .top .mask_img .titulo h2 strong {
		font-size: 38px;
		line-height: 40px;
	}
	#servicos .centro {
		padding-top: 90px;
		gap: 68px;
	}
	#servicos .bottom,
	#servicos .top {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
	#servicos .top,
	#servicos .bottom .esquerda > div  {
		border-bottom: 2px solid #373737;
		padding-bottom: 60px;
	}
	#servicos .top .mask_img {
		height: 260px;
		position: relative;
		top: 0;
		box-sizing: border-box;
		width: calc(100% + 40px);
    	margin-left: -20px;
    	border-radius: 0;
	}
	#servicos .top .mask_img .titulo {
		width: 100%;
		box-sizing: border-box;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 20px;
	}
	#servicos .top .mask_img .titulo h2 {
		text-align: center;
	}
	#servicos .bottom .esquerda {
		padding-left: 0;
		gap: 62px;
	}
	#servicos h3 {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		max-width: 600px;
	}
	#servicos .top .direita {
		max-width: unset;
		width: 100%;
		padding-right: 0;
	}
	#servicos ul,
	#servicos .listagem_marketing {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		max-width: unset;
		width: 100%;
	}
	#servicos .listagem_marketing {
		margin-top: 28px;
	}
	#servicos .listagem_marketing li:last-child {
		grid-column: span 2;
	}
	#servicos ul li {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#servicos p {
		text-align: center;
	}
	#servicos .bottom .marketing h3 {
		font-size: 28px;
		line-height: 38px;
	}
	#servicos .marketing .linha {
		width: 100%;
		display: none;
	}
	#servicos .bottom {
		margin-top: 60px;
	}
	#servicos .bottom .mask_img {
		width: 100%;
		height: 60vw;
		position: relative;
		top: 0;
		margin-top: 40px;
	}
	#servicos .bottom .mask_img .icone_marca {
		top: -20px;
		left: 10px;
	}
	.listagem_cases li {
		display: flex;
		flex-direction: column-reverse;
	}
	.listagem_cases li .mask_img {
		width: 100%;
		margin-left: 0;
		height: 45vw;
		margin-bottom: -100px;
		border-radius: 16px 16px 0 0;
	}
	.listagem_cases li article {
		padding: 45px 20px;
		padding-top: 140px;
	}
	#marcas h2 {
		width: 100%;
		text-align: center;
		font-size: 38px;
	}
	#cases .top {
		margin-bottom: 22px;
	}
	 #cases .passador {
		height: 42px;
	}
	footer .centro {
		max-width: unset;
		display: flex;
		flex-direction: column;
	}
	footer .mask_img {
		position: relative;
		top: 0;
		order: -1;
		height: 60vw;
	}
	footer .mask_img img {
		height: 100%;
		object-position: 50% 15%;
	}
	footer .contato,
	footer .infos {
		padding: 40px 20px;
		padding-top: 26px;
	}
}
@media(max-width: 600px) {
	#banner h2 .span1 {
		font-size: 28px;
	}
	#banner h2 {
		font-size: 32px;
	}
	#banner h2 .span3, #banner h2 .span2 {
		font-size: 26px;
	}
	#banner h2, #banner h2 .span3, #banner h2 .span2, #banner h2 .span1 {
		line-height: 48px;
	}
	#quem_somos h2 i, #quem_somos h2 {
		font-size: 34px;
	}
	#quem_somos h2 b {
		font-size: 38px;
	}
	#servicos .centro {
		padding-bottom: 58px;
	}
	#servicos h3 b {
		font-size: 30px;
	}
	#servicos ul, #servicos .listagem_marketing, #servicos .listagem_digital {
		display: flex;
		flex-direction: column;
	}
	#servicos h4 {
		width: calc(100% - 40px);
		justify-content: center;
		font-size: 13px;
	}
	#servicos .top .mask_img .titulo h2, #servicos .top .mask_img .titulo h2 strong, #servicos .top .mask_img .titulo h2 strong {
		font-size: 34px;
		line-height: 34px;
	}
	#servicos .top .direita,
	#servicos .bottom .esquerda {
		overflow: hidden;
	}
	#cases h2 {
		font-size: 40px;
	}
	.listagem_cases li article h3 {
		font-size: 24px;
		line-height: 26px;
	}
	.listagem_cases li article p {
		font-size: 18px;
	}
	#marcas .top .centro {
		max-width: unset;
		padding-top: 45px;
	}
	.listagem_marcas {
		padding-top: 40px;
	}
	#marcas {
		padding-bottom: 60px;
	}
	.owl-servicos .owl-dots {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 100%;
		column-gap: 2px;
	}
	.owl-servicos .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #252a36;
	}
	.owl-servicos .owl-dots .owl-dot.active {
		background: #c6dae7;
	}
	footer .centro {
		padding-top: 40px;
	}
	footer form {
		display: flex;
		flex-direction: column;
	}
	footer .contato h2 {
		font-size: 34px;
		line-height: 36px;
	}
}