@media screen and (max-width: 700px) {
    .row {
        text-align: center;
    }

    #sectionForm {
        display: flex;
        flex-direction: column;
        width: 400px !important;
    }

    .containerDiv{
        /* width: 80vw !important; */
        display: flex;
        flex-direction: column;
    }
    
    .jumbotron {
        margin-bottom: 0 !important;
        padding: 15px !important;
        /* width: 400px !important;  */
    }

    .jumbotron p {
        font-size: 18px !important;
    }

    #btnTopo {
        display: block;
        position: fixed; 
        bottom: 20px;
        padding: 8px; 
        border-radius: 50%; 
        background-color: greenyellow;
        color: black;
        font-size: 14px; 
        font-weight: bold; 
    }

    .navbar .links {
        display: none;
        flex-direction: column;
    }

    .navbar .links a {
        margin: 10px 0;
    }

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

    .menu-toggle {
        display: block;
        cursor: pointer;
    }
}