header {
    justify-content:space-between;
    align-items:center;
    overflow:hidden;
}
.heain {
    align-items:center;
    gap:20px;
}

.sea form {
    display:flex;
    justify-content:center;
}

.func {
    display:flex;
    align-items:center;
    gap:10px;
}

@media (min-width:901px) {
    header {
        padding:20px 50px 20px 50px;
        display:flex;
    }
    .heain {
        display:flex;
    }

    .logo img {
        width:350px;
    }
}
@media (max-width:900px) {
    header {
        padding:10px 0 20px 0;
        display:block;
    }

    .heain {
        display:block;
    }

    .logo {
        padding:0 0 20px 0;
        text-align:center;
    }
    .logo img {
        width:80%;
    }

    .sea {
        padding:0 0 20px 0;
    }

    .func {
        justify-content:center;
    }
}