.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 900;
    flex-basis: 1;
    top: 0px;
    flex-direction: column;
    font-weight: bold;
    & .sticky_row {
        display: flex;
        & a {
            width: 25%;
            text-align: center;
            padding: 17px;
        }
        & a:hover {
            color: #53c2f0;
            opacity: 1;
        }
        & .image {
            display: flex;
            align-items: center;
            justify-content: center;
            & img {
                height: 20px;
            }
            & img:hover {
                opacity: .33;
            }
        }
    }
    @media screen and (max-width: 1024px) {
        background-color: #0c318f;
        /* top: 110px; */
        & .navigator {
            border-bottom: 3px solid white;
        }
        & .sticky_row a {
            color: white;
        }
    }
}
.sticky_top {
    background-color: #0c318f;
    & .navigator {
        border-bottom: 3px solid white;
    }
    & .sticky_row a {
        color: white;
    }
}