@media (max-width: 600px) {
    .page_header {
        justify-content: space-between;
    }

    .navigation_button {
        display: flex;
    }

    .navigation_button span.active.nb_top {
        transform: rotate(45deg) translateY(-50%);
        top: 50%;
    }

    .navigation_button span.active.nb_bottom {
        transform: rotate(-45deg) translateY(50%);
        bottom: 50%;
    }

    .navigation_menu {
        width: 100%;
        position: absolute;
        background: #f5f5f7;
        border-end-start-radius: 10px;
        border-end-end-radius: 10px;
        box-sizing: border-box;
        border: 1px solid #064cdb;
        transform: translateY(-100%);
        transition: transform 0.3s ease;
    }

    .navigation_menu.active {
        transform: translateY(0);
    }
}