img{
    object-fit: cover;
}
body{
    overflow-x: hidden;
}

a:has(.logo_wrapper){
    max-width: 300px;
}
.logo_wrapper{
    height: 55px;
    object-fit: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

.logo_wrapper img{
   width: 50px;
  
    position: relative;
}
@media screen and (max-width:1100px) {
    header .container{
        flex-direction: column;
        gap: 20px;
    }
}
@media screen and (max-width:767px) {
    header .container{
        flex-direction: row;
        gap: 20px;
    }
}