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

nav{
    align-items: center;
}

@media screen and (max-width:1280px) {
    header>div{
        flex-direction: column;
        gap: 20px;
    }
}
@media screen and (max-width:770px) {
    header>div{
        flex-direction: row;
        gap: 20px;
    }
}