@media (max-width: 1024px) {
	header .grid {
	    grid-template-columns: 1fr max-content max-content;		
	}
	header .grid > a:last-child {
		display: none;
	}
	header ul {
		position: fixed;
		visibility: hidden;
		opacity: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--branco);
		z-index: 1;		
		transition: .3s;
	}
	header nav {
		display: flex;
	}
	header ul.abrir {
		visibility: visible;
		opacity: 1;
	}
	section.how .grid {
		gap: 60px;
	}
	section.call h2, section.call p {
		max-width: 400px;
	}
	footer p span {
		display: none;
	}
}

@media (max-width: 480px) {
	section.download ul li a {
		justify-content: center;
	}
	section.download ul {
		flex-direction: column;
	}
	footer .grid, section.resources .grid:last-child, section.banner .grid, section.how .grid, section.download .grid {
		grid-template-columns: 1fr;
	}	
	.claim .grid {
		flex-direction: column;
	}
	section.banner {
		background-position: 80%;
	}
	header {
		padding: 10px 0;
	}
	header .grid > a img {
		width: 150px;
	}
	header nav {
		width: 36px;
		height: 36px;
	}
	section.banner {
		position: relative;
	}
	section.banner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
        background: rgb(0 0 0 / 70%);
	}
	section.banner h1 {
		font-size: 40px;
		line-height: 42px;
		text-align: center;
	}
	section.banner p {
		text-align: center;
	}
	section.banner a {
		justify-self: center;
	}
	section.how figure {
		display: none;
	}
	section.how h2, section.how p, section.how ul li, section.resources div h3, section.resources div p {
		text-align: center;
	}
	section.how ul li {
		flex-direction: column;
	}
	section.how ul li p strong {
		justify-content: center;
	}
	section.how a, section.call a {
		margin: 0 auto;
	}
	section.resources .grid {
		gap: 50px;
	}
	section.resources div img {
		margin: 0 auto 25px;
		display: flex;
	}
	section.video video {
		border-radius: 20px;
	}
	section.call figure{
		display: none;
	}
	section.call h2, section.call p {
		text-align: center;
	}
	section.call .grid > div {
		padding: 30px;
	}
	section.how h2, section.resources h2, section.call h2, section.faq h2 {
		font-size: 32px;
	}
	section.faq {
		text-align: center;
	}
	.claim a img {
		max-width: 115px;
	}
	footer {
		text-align: center;
	}
	footer ul {
		justify-content: center;
	}
	footer .grid > a img {
		margin: 0 auto;
	}
	form {
		top: 30px;
		width: 85%;
	}
	.zap img {
		width: 50px;
	}
}

@media (max-width: 428px) {
	section.banner {
		height: 500px;
	}
	form p {
		display: none;
	}
}

@media (max-width: 380px) {
    header nav {
        width: 28px;
        height: 28px;
    }	
	header .grid {
		grid-template-columns: repeat(3, max-content);
        gap: 0;
        justify-content: space-between;		
	}
	header ol li a img {
		width: 20px;
	}
	header .grid > a img, header.fixo .grid > a img {
		width: 125px;
	}
	form .subgrid {
		flex-direction: column;
		gap: 0;
	}
	form input, form textarea {
		margin-bottom: 5px;
	}
	form label {
		font-size: 14px;
	}
	form input, form textarea {
		padding: 8px 12px;
	}
}

@media (max-width: 360px) {

}