@media(max-width: 1280px){
    .cabecalho{
        padding: 30px;
    }
    .home{
        flex-direction: column;
        align-items: center;
        margin: 40px 0;
        gap: 20px;
    }
    .home .info{
        max-width: 100%;
        text-align: center;
        align-items: center;
    }
    .projetos .container-projetos{
    padding: 0 30px;
    }
}
@media(max-width: 476px){
    .home .info h1 {
        font-size: 30px;
    }
    .home .info p {
        font-size: 16px;
    }
    .foto img{
        max-width: 320px;
    }
    .projetos{
        padding: 30px;
    } 
}