@media (max-width: 1366px) {
	section.servicos {
		background-position: 150% 280px;
	}	
}

@media (max-width: 1024px) {
	header nav ul {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		opacity: 0;
		flex-direction: column;
		background: var(--degrade);
		align-items: center;
		justify-content: center;
		transition: .3s;
	}
	header nav.mobile ul {
		opacity: 1;
		visibility: visible;
	}
	header nav.mobile #menu {
		filter: brightness(0) invert(1);
		position: fixed;
		right: 60px;
	}
	header nav ul li a {
		font-size: 32px;
		color: var(--branco);
		text-align: center;
	}
	header nav ul li a:hover, header nav ul li.ativo > a {
		color: var(--branco);
	}
	header nav > a[target="_blank"] {
		display: none;
	}
	header nav #menu {
		display: flex;
	}
	header nav ol {
		position: fixed;
		top: 0!important;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 0;
		background: var(--degrade);
		border: 0;
		z-index: 1;
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;	
		gap: 25px;
		transition: .3s;
	}
	header nav ol li a:before {
		display: none;
	}
	section.banner figure {
		display: none;
	}
	section.banner .grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	section.banner div > p {
		max-width: unset;
	}
	section.banner h1 span {
		justify-content: center;
	}
	section.banner blockquote {
		display: flex;
		justify-content: center;
	}
	section.sobre .grid {
		grid-template-columns: 1fr;
		text-align: center;
		grid-template-areas: 'b''a';
	}
	section.sobre figure {
		grid-area: a;
		justify-content: center;
	}
	section.sobre .grid > div {
		grid-area: b;
	}
	section.sobre a {
		display: none;
	}
	section.sobre figure {
	    background-size: 500px;
	    background-position: center;		
	}
	section.sobre figure:before, section.sobre figure:after {
		right: -30px;
		margin: 0 auto;
	}
	section.chamada .grid div {
		align-items: center;
	}
	section.chamada h2 {
		font-size: 32px;
	}
	section.chamada {
		padding-bottom: 0;
	}
	section.servicos {
		background-image: none;
		padding-bottom: 60px;
	}
	section.servicos .grid:last-child {
		justify-content: center;
	}
	section.servicos article {
		grid-template-columns: 1fr;
		text-align: center;
	    justify-items: center;		
	}
	section.contato figure {
		display: none;
	}
	section.contato .grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	section.clientes .grid {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: 'b' 'a';
		text-align: center;
		gap: 40px;
	}
	section.clientes article {
		grid-area: a;
	}
	section.clientes .grid > div {
		grid-area: b;
	}
	section.clientes .rotativo .img {
		background-size: contain;
	}
	section.clientes article figure, section.clientes article:before {
		display: none;
	}
	section.clientes article i {
		margin: 0 auto 20px;
	}
	section.blog .grid {
		grid-template-columns: 1fr;
	}
	section.blog article {
		height: 300px;
	}
	section.blog .grid {
		text-align: center;
	}
	section.blog .grid > div.primeiro {
		grid-template-columns: 1fr 1fr 1fr;
		margin-top: 40px;
	}
	section.blog article {
		filter: unset;
		opacity: 1;
	}
	section.blog article h3 {
		opacity: 1;
		visibility: visible;
	}
	footer .subgrid {
		text-align: center;
		grid-template-columns: 1fr;
	}
	footer .subgrid div:nth-child(1) ul {
		justify-content: center;
	}
	footer .subgrid div:nth-child(3) ul {
		align-items: center;
	}
	footer .subgrid div:nth-child(3) ul li {
		flex-direction: column;
	}
	footer .creditos {
		flex-direction: column;
		text-align: center;
		gap: 30px;
	}
	footer .creditos a {
		flex-direction: column;
	}
	footer .bg:before {
	    top: 15%;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	}	
	section.contato {
		overflow: hidden;
	}
	section.servicos .grid:last-child, section.conteudo.fale .grid:nth-child(2) {
		grid-template-columns: 1fr;
	}	
}

@media (max-width: 480px) {
	address {
		display: none;
	}
	section.banner {
		padding-top: 40px;
	}
	section.banner h1 {
		margin-top: 0;
	}
	section.banner h1, section.sobre h2, section.servicos h2, section.clientes h2, section.blog h2, section.contato h2, section.conteudo h2 {
		font-size: 48px;
	    line-height: 56px;		
	}
	section.banner h1 span {
		height: 62px;
	}
	section.banner blockquote ul {
		display: none;
	}
	section.banner blockquote {
		flex-direction: column;
	}
	section.chamada .grid {
		padding: 0;
	}
	section.chamada img {
		display: none;
	}
	section.chamada .grid div {
	    text-align: center;
	    border: 0;
	    border-radius: 0;
	}	
	section.chamada h2 strong {
		margin-top: 15px;
	}
	section.sobre figure:before, section.sobre figure:after {
		width: 90%;
	}
	section.contato a {
		font-size: 48px;
	}
	section.blog .grid > div.primeiro {
		grid-template-columns: 1fr;
	}
	section.blog article {
		height: 150px;
	}
	section.blog article h3 {
		top: 30px;
		display: flex;
		align-items: center;
	}
	footer .grid {
		padding: 0;
	}
	footer .bg {
		border: 0;
		border-radius: 0;
	}
	footer .bg:before {
		display: none;
	}
	a.whatsapp img {
		width: 75px;
	}
	section.banner h1 span {
		height: 62px;
		letter-spacing: -2px;
		font-size: 40px;
	}	
	a.whatsapp {
		top: unset;
		bottom: 30px;
	}
	header nav a img {
		max-width: 180px;
	}
	section.conteudo.empresa .grid div, section.conteudo.servico article, section.conteudo.blogs .posts {
		grid-template-columns: 1fr;
	}	
	section.conteudo.single-blog h2 {
		font-size: 32px;
		line-height: 40px;		
	}	
	section.single-blog figure {
		height: 300px;
	}
}

@media (max-width: 428px) {
	section.banner h1, section.sobre h2, section.servicos h2, section.clientes h2, section.blog h2, section.contato h2, section.conteudo h2 {
		font-size: 42px;
		line-height: 48px;
	}
	section.contato a {
		font-size: 38px;
	}	
	section.contato a img {
		max-width: 40px;
	}
	header nav #menu {
		width: 40px;
		height: 40px;
		background-size: 40px;
	}	
	header nav a img {
		max-width: 150px;
	}
}

@media (max-width: 360px) {

}