/* Menus */
.menu {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;

    a {
        color: inherit;
    }
}
.menu .menu-item {
    > a {
        display: block;
        padding: 1em 0;
    }

    a:hover,
    a:focus,
    a:active,
    &.active > a {
        color: $primary-color;
    }

    + .menu-item {
        margin-left: 4rem;
    }
}
.scale-eff > li > a,
.scale-eff .scale-eff-item {
    position: relative;
    padding: 1.5rem 0;

    &:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        transform-origin: right center;
        transform: scale(0, 1);
        transition: transform .3s ease;
        z-index: 1;
        background: $primary-color;
    }
}

.scale-eff > li.active > a:before,
.scale-eff > li > a:hover:before,
.scale-eff:hover .scale-eff-item:before {
    transform-origin: left center;
    transform: scale(1, 1);
}

.scale-eff.bottom-scale-eff > li > a:before,
.scale-eff.bottom-scale-eff .scale-eff-item:before {
    top: unset;
    bottom: 0;
}

@include mq('lg', 'max') {
    .header .menu {
        display: none;
    }
}