@media (min-width:1000px) {
    .header {
        border-bottom: 1px solid #e3e5e8
    }

    .header .nav>li>a {
        color: #222
    }

    .header .nav>li>a:after {
        background: #222
    }

    .header .nav>li:hover>a,
    .header .nav>li:focus-within>a,
    .header .nav>li.active>a {
        color: #111
    }

    .mega-panel {
        display: grid;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transform: translateY(-12px);
        background: #fff;
        color: #202124;
        border-bottom: 1px solid #e6e8eb;
        box-shadow: 0 18px 30px rgba(10, 20, 35, .1);
        transition: opacity .24s ease, transform .28s cubic-bezier(.2, .75, .25, 1), visibility 0s linear .28s
    }

    .header .nav>li:hover>.mega-panel,
    .header .nav>li:focus-within>.mega-panel {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0s
    }

    .mega-intro {
        border-right-color: #e5e7ea
    }

    .mega-intro span {
        color: #8a8f98
    }

    .mega-intro strong {
        color: #17181a
    }

    .mega-intro p {
        color: #777d86
    }

    .mega-links a {
        position: relative;
        border-right-color: #eceef0;
        transition: background .2s ease
    }

    .mega-links a span {
        color: #282a2e;
        transition: transform .2s ease, color .2s ease
    }

    .mega-links a small {
        color: #8c929a;
        transition: color .2s ease
    }

    .mega-links a:before {
        content: "";
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 0;
        width: 2px;
        background: #1b1d20;
        transform: scaleY(0);
        transform-origin: center;
        transition: transform .2s ease
    }

    .mega-links a:hover {
        background: #f5f6f7
    }

    .mega-links a:hover:before {
        transform: scaleY(1)
    }

    .mega-links a:hover span {
        transform: translateX(5px);
        color: #000
    }

    .mega-links a:hover small {
        color: #3d4249
    }

    .header .phone {
        color: #333
    }
}

@media (prefers-reduced-motion:reduce) {

    .mega-panel,
    .mega-links a,
    .mega-links a span,
    .mega-links a small,
    .header .nav>li>a:after {
        transition: none !important
    }
}