@media screen and (max-width: 845px){


    h2{
        font-size: 24px;
    }

    header{
        text-align: left;
        padding: 24px;
    }
    .content{
        display: flex;
        flex-direction: column;
        align-content: flex-start;

    }

    .titulo-header{
        font-size: 30px;
        margin-top: 20px;
    }

    button{
        margin: 5px;
    }

    .botao1{
        width: 281px;
    }

    .sessao-1{
        display: flex;
        flex-direction: column;
    }

    .sessao-2{
        display: flex;
        flex-direction: column;
    }

    .sessao-3{
        display: flex;
        flex-direction: column;
    }

    .sessao-4{
        display: flex;
        flex-direction: column;
    }

    #img1, #img2, #img3, #img4{
        width: 400px;
    }

   
}