@media screen and (max-width:1005px) {
   
    .navbar {
        position: relative;
    }

    .menu {
        display: none;
    }

    .logo {
        margin: 0;
        text-align: center;
    }

    .header {
        padding-top: 50px;
    }

    .headline {
        flex: 30%;
        margin: 5%;
        text-align: center;
    }
    /* .headline-text{

    font-size: 75px;
   } */

    .headline p {
        text-align: center;
    }

    .headline h3{

        font-size: 75px;
    }

    .img-headline {

        flex: 20;
        margin-left: 25%;
        text-align: center;
        justify-content: center;
        text-size-adjust: center;

    }

    .cardd {
        width: 100%;
    }

    .whats {
        display: none;
    }
    .footer {
    display: inline-block;
    /* padding: 5000px; */
    /* flex:100%; */
    /* width: 900px; */
    min-width: 470px;
    /* min-width: 100%; */
    display: flex;
    flex-flow: row wrap;
    margin-top: 100px;
    /* height: 800px; */
    text-align: center;
    border-top: 2px solid #FF2978;
    background-color: black;
    }



    .logo-rodape {
    /* border-color: 1px white;
    border: 1px solid black;
    justify-content: botton;
    align-items: center;
    text-align: center; */
    margin-top: 4%;
    margin-left:20px;
    border: 1px solid deeppink;
    text-align: center;
    /* margin-bottom: 100px; */
    }

    .info-rodape {
    padding: 40px;
    /* border: 1px solid deeppink; */
    margin-left: 200px;
    margin-top: -5px;
    margin-bottom: 30px;
    }



}

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

    body{

        margin-left: 3vw;
        margin-right: 3vw;
    }

    section {

        margin-left: 5vw;

    }

    .footer {
        display: inline-block;
       
           /* flex:100%;
           width: 100; */
        /* min-width: 470px; */
        /* min-width: 100%; */
        /* display: flex; */
        /* flex-flow: row wrap; */
        /* margin-top: 100px; */
        /* height: 800px; */
        /* text-align: center; */
        /* border-top: 2px solid #FF2978;
        background-color: black; */
        margin-left: -7vw;
        }

        .headline {
            /* flex: 30%;
            margin: 5%;
            text-align: center; */
            padding-left: 3%;
    
        }

        .headline h3{

            font-size: 65px;
        }

    
        .acord {

            margin-left: 3vw;
            margin-right: 3vw;
        }

}