@media screen and (max-width: 1005px) {
    .menu{
        display: none;
    }
    .navbar{
        position: relative;
    }  
    .logo {
        margin: 0;
        text-align: center;
    }  

    .header{
        padding-top: 30px;
    }

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

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

    .whats{
        display: none;
    }

    .card{
        width: 100%;
    }
}