@media (min-width: 520px){

	main section{
		padding: 40px 80px;
	}
	.botao{
		width: fit-content;
	    padding: 5px 50px;
	    margin: 0 auto 30px;
	}

	.home{
		display: flex;
		padding-top: 0;
	}
	.home .caixa{max-width: 550px;}
	.home #form{max-width: 500px;}

	.beneficios h2{
		max-width: 585px;
	    margin: 20px auto 60px;
	}
	.beneficios .caixa{
		display: flex;
	    max-width: 1200px;
	    flex-wrap: wrap;
	    justify-content: center;
	    margin: 20px auto 80px;
	    gap: 50px;
	}
	.beneficios .item{
		max-width: 270px;
	    margin: 0;
	}
	.beneficios h3{font-size: 1.6rem;}
	.beneficios p{
	    font-size: 1.1rem;
	    line-height: 1.5;
	}

	.periodo h2{
	    max-width: 600px;
	    margin: auto;
	}
	.sobre{background-position: center;}
}

@media (min-width: 1250px){
	.sobre{
	    background-image: url(img/bg-sobre.png);
	    display: flex;
        height: 500px;
        justify-content: center;
        align-items: center;
	}
	.sobre .container{max-width: 1250px;}
	.sobre .container div{
	    max-width: 550px;
        margin-left: 700px;
	}
	.sobre .botao{margin: 20px 0 0}
}