@media (max-width: 700px) { 
    
    html {
        margin: 40px;
    }

    .container {
        display: flex; 
        flex-direction: column;
        align-items: center; 
    }

    .cabecalho, .informacoes-preco, .beneficios {
        width: 375px;
    }

    .container .informacoes-preco {
        border-radius: 0;  
    }

    .container .beneficios {
    border-radius: 0 0 10px 10px;
    } 

    .container .cabecalho p {
        line-height: 1.5;
    }
}

@media (max-width: 375px) { 
    
    html {
        margin: 70px;
    }

    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cabecalho, .informacoes-preco, .beneficios {
        width: 300px; 
    }

    .container .informacoes-preco {
        border-radius: 0;  
    }

    .container .beneficios {
    border-radius: 0 0 10px 10px;
    } 
}