.joe_header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--background);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    &__above {
        &-logo {
            position: relative;
            display: flex;
            align-items: center;
            height: 60px;
            padding-right: 15px;
            margin-right: 15px;
            img {
                max-width: 150px;
                max-height: 50px;
                object-fit: cover;
            }
            &::after {
                content: '';
                position: absolute;
                top: 50%;
                right: 0;
                width: 1px;
                height: 20px;
                background: var(--classC);
                transform: translateY(-50%);
            }
        }
    }
}