.navigation {
	position: fixed;
    bottom: 12.5%;
    left: 87.5%;
    z-index: 99;
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: opacity 0.3s;
    .navigation__item {
    	color: black;
        transition: color 0.2s;
        &.active {
            color: $yellow !important;
            &.white {
                color: #fff !important;
            }
        }
    }
    &.white {
        .navigation__item {
            color: #fff;
        }
    }
    &.hidden {
        opacity: 0;
    }
    @media (max-width: $tabletBreakpoint) {
        display: none;
    }
}