@media (max-width: 480px) {
	body {
		background-size: inherit;
	}
	section {
		padding-left: 20px;
		padding-right: 20px;
	}
	section h1 {
		font-size: 26px;
	}
	section h2 {
		font-size: 38px;
	}
	section ul li {
		font-size: 22px;
	}
	section a {
	    padding: 10px 5px;
	    width: 100%;
	    justify-content: center;
	}
	section a img {
		width: 30px;
	}
	section.problemas a {
		font-size: 16px;
		padding-top: 10px;
	}
	section.problemas a img {
		width: 30px;
	}
	section.topo {
		padding-top: 0;
	}
}

@media (max-width: 428px) {
	body {
		padding-top: 50px;
	}
	section h2 {
		font-size: 32px!important;
		line-height: 40px;
	}
	section.topo p {
		font-size: 26px;
		line-height: 36px;
	}
	section a {
		font-size: 18px;
	}
	section.problemas figure figcaption {
		font-size: 20px;
	}
	section.problemas figure:nth-child(n+3) a img {
	    width: 19px;
	}	
	section.problemas figure:nth-child(n+3) a {
		font-size: 15px;
	}
	section.chegar ul li {
	    font-size: 20px;
	    line-height: 30px;
	}	
	section.problemas figure {
		padding: 15px;
	}
	section.problemas a {
		margin-bottom: 0;
	}
}