@media screen and (max-width:1005px){
    .navbar{
        position:relativa;
    }
    .menu{
        display: none;
    }
    .logo{
        margin: 0;
        text-align: center;
    }
    .header{
        padding-top: 150px;
    }
    .headline{
        flex:100%;
        margin:5%;
        text-align: center;

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

    }
   

.sobre p{
    text-align: center;
}
.sobre h2{
    line-height: 1;
    text-align: center;

}
.sobre-nos{
    flex: 100%;
    flex-direction: column;
     margin: 5%;
    text-align: center;
}
}