@media screen and (max-width:1217px){ 
    .navbar{
        position:relative;
        border: none;
        display:flex;
        
    }
    .menu{
        display: none;
    }
    .logo{
        margin:0;
        text-align:center;
        
    }
    .header{
        padding-top: 0px;
        margin-top: 1%;
    }

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

    .headline p{
        text-align: center;
    }

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

    }
    .whats{
        display: none;
    }

    .card{
        width: 100%;
    }
}