@media (max-width: 1024px) {
	header {
		top: 35px;
	}
	header nav {
		grid-template-columns: max-content 1fr;
		box-shadow: 0 0 50px 0px rgb(0 189 255 / 15%);
	}
	header nav ul {
	    background: linear-gradient(90deg, rgba(16,173,233,1) 0%, rgba(28,211,191,1) 100%);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	    gap: 25px;
	    flex-direction: column;
	    text-align: center;		
	    z-index: 1;
	    visibility: hidden;
	    opacity: 0;
	    transition: .3s;
	}
	header nav ul.ativo {
		visibility: visible;
		opacity: 1;
	}
	header nav ul li a, header nav ul li a:hover, header nav ul li.ativo a {
		color: #fff;
		font-size: 28px;
	}
	header nav ul li:last-child {
		display: unset;
	}
	header nav > a:last-child {
		display: none;
	}
	header .menu {
		background-image: url('../img/menu.png');
		background-size: cover;
		width: 50px;
		height: 50px;
		display: flex;
		justify-self: right;
	    position: relative;
	    z-index: 2;		
	    transition: .3s;
	}
	header .menu.ativo {
		filter: brightness(0) invert(1);
	}
	section.banner .grid {
	    grid-template-columns: .55fr;
	}	
	section.sobre .grid {
	    grid-template-columns: 1fr 1fr;
	    gap: 50px;
	}	
	h3 {
		font-size: 28px;
	}
	section.eleve:before {
		width: 1200px;
	}
	section.oportunidade .grid:nth-child(2), section.oportunidade .grid:nth-child(4) {
	    grid-template-columns: 1fr 1fr;
	    gap: 50px;
	}	
	section.oportunidade .grid:nth-child(3) {
	    grid-template-columns: 1fr 1fr;
	    gap: 50px;
	}	
	section.blog .grid:nth-child(2) {
	    grid-template-columns: 1fr;
	}	
	section.blog article {
		text-align: center;
	}
	section.blog article figure {
		margin: 0 auto 50px;
	}
	section.blog article time {
		justify-content: center;
	}
	section.blog h2, section.blog cite {
	    justify-self: center;
	    text-align: center;
	}	
	section.blog.pagina .grid:nth-child(2), section.cliente .grid:nth-child(2) {
		gap: 50px;
	}
	section.blog article figure:before, section.cliente article figure:before {
		bottom: -60px;
		right: 0;
	}
	section.contato .grid:nth-child(2) {
		grid-template-columns: 1fr;
	}
	section.contato .grid:nth-child(2) figure {
		display: none;
	}
	body.bg:before {
		background-position: 100% -22em;
	}
	section.contato .grid:nth-child(2) cite {
		justify-content: center;
	}
	section.contato h3 {
		text-align: center;
	}
}


@media (max-width: 480px) {
	.lgpd button {
		width: 100%;
		margin-top: 10px
	}
	section.sobre.pagina .mais ul {
		grid-template-columns: 1fr;
	}
	section.sobre.pagina .mais ul li {
		flex-direction: column;
	}
	section.sobre.pagina .mais figure {
		display: none;
	}
	header nav a img {
		width: 200px;
	}
	header .menu {
		width: 40px;
		height: 40px;
	}
	section.banner {
		padding-top: 215px;
		text-align: center;
	}
	section.banner ul {
		display: none;
	}
	section.banner .grid {
		grid-template-columns: 1fr;
	}
	section.banner a {
		margin: 0 auto;
	}
	h2 {
		font-size: 32px;
	}
	section.ferramenta .grid:nth-child(2) {
		grid-template-columns: 1fr;
	}
	section.ferramenta article:nth-child(1),
	section.ferramenta article:nth-child(3),
	section.ferramenta article:nth-child(4) {
		margin-top: 0;
	}
	section.ferramenta article {
		text-align: center;
	}
	section.ferramenta article figure {
		margin: 0 auto 30px;
	}
	section.sobre, section.eleve {
		text-align: center;
	}
	section.sobre cite, section.eleve cite {
		justify-content: center;
	}
	section.sobre .grid, section.eleve .grid {
		grid-template-columns: 1fr;
	}
	section.sobre a, section.eleve a {
		margin: 40px auto 0;
	}
	section.eleve:before {
	    width: 1000px;
	    z-index: -1;
	}	
	section.oportunidade img {
		display: none;
	}
	section.oportunidade .grid:nth-child(2), section.oportunidade .grid:nth-child(3), section.oportunidade .grid:nth-child(4) {
		gap: 0;
		grid-template-columns: 1fr;
		margin-bottom: 40px;
		text-align: center;
	}
	section.oportunidade .grid:nth-child(2) cite, section.oportunidade .grid:nth-child(3) cite, section.oportunidade .grid:nth-child(4) cite {
		display: none;
	}
	section.oportunidade .grid:nth-child(4) {
		margin-bottom: 0;
	}
	section.blog article figure {
		width: 100%;
	}
	section.blog article figure:before {
	    width: 90%;
	    height: 100%;
	    bottom: -60px;
	    right: 0;
	    left: 0;
	    margin: 0 auto;
	}	
	section.blog .grid:nth-child(2) div:nth-child(2) figure {
		width: 100%;
	}
	section.blog .grid:nth-child(2) {
		gap: 50px;
	}
	section.clientes h2 br {
		display: none;
	}
	footer {
		text-align: center;
	}
	footer .grid:first-child, footer .creditos {
		grid-template-columns: 1fr;
	}
	footer .creditos a {
		justify-self: center;
	}
	section.blog.pagina .grid:nth-child(2) {
		grid-template-columns: 1fr;
	}
	section.blog article figure:before {
	    bottom: -30px;
	    background-position: center;
	}	
	section.blog-single article figure, section.cliente-single article figure,
	section.blog-single article figure:before, section.cliente-single article figure:before {
		width: 100%;
		height: 275px;
		background-position: center;
	}
	section.contato form > div {
		grid-template-columns: 1fr;
		margin-bottom: 20px;
	}
	section.contato form cite, section.contato form h3 {
		display: none;
	}
	section.pagina {
		padding-top: 215px;
	}
	section.cliente .grid:nth-child(2) {
		grid-template-columns: 1fr;
	}
	section.cliente .grid:nth-child(2) figure:before {
		bottom: -30px;
		background-position: center;
	}
	section.eleve:before, section.clientes br {
		display: none;
	}
	section.blog article figure {
		height: 175px;
	}
}


@media (max-width: 380px) {
	header nav {
		padding: 35px 20px;
	}
	section.banner h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 28px;
	}

}