@media screen and (max-width: 1157px) {
    .menu {
        display: none;

    }

    .marca {
        text-align: center;
        margin: 0;
        font-size: 40px;


    }

    .navbar {
        position: relative;
    }

    .headline {
        flex: 100%;
        margin: 5%;
        text-align: center;

    }

    .headline p {
        text-align: center;
    }

    .header {
        /* border: 2px solid red; */
        padding-top: 20px;
        margin-left: 0%;
        flex: 50%;
        height: 1200px;



    }

    .img-headline {
        flex: 100%;
        margin-bottom: 10%;
        margin-left: 10%;
        text-align: center;
        height: 1500px;

    }


    .contato-btn {
        margin-left: 5%;
    }

    .section {
        margin: auto center;
        height: 1000px;
        /* border: solid 2px red; */
    }

    .card {
        width: 90%;
        margin: center;
    }

}

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

    .img-headline {
        display: none;
    }

    .header {

        height: 500px;
    }

    .contato-btn {
        margin: center;
    }
}