@media screen and (max-width: 1025px){

    /* Mobile Links Start Here */

    .menu-wrap {
        position: relative;
        width: 50%;
        height: 100%;
        z-index: 1;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        /* Menu button & animation */
            input.toggler {
                z-index: 2;
                position: absolute;
                right: 0;
                cursor: pointer;
                width: 5rem;
                height: 5rem;
                opacity: 0;
            }

            .menu-wrap .burger {
                position: absolute;
                z-index: 1;
                right: 0;
                width: 5rem;
                height: 5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border: .1rem solid var(--overlay-black);
            }

            .bar {
                position: relative;
                content: '';
                flex: none;
                width: 3rem;
                height: .2rem;
                background: var(--primary-black);
                display: flex;
                justify-content: center;
                align-items: center;
                transition: all .4s ease;
            }

            .bar::before, .bar::after {
                content: '';
                position: absolute;
                z-index: 1;
                width: 3rem;
                height: .2rem;
                background-color: inherit;
            }

            .bar::before {
                top: -.8rem;
            }

            .bar::after {
                top: .8rem;
            }

            .toggler:checked + .burger .bar {
                transform: rotate(135deg);
                background-color: var(--primary-white);
            }

            .toggler:checked + .burger .bar::before {
                top: 0;
                transform: rotate(90deg);
                background-color: var(--primary-white);
            }

            .toggler:checked + .burger .bar::after {
                opacity: 0;
            }

            .menu-wrap .toggler:checked:hover + .burger .bar {
                transform: rotate(225deg);
            }

    /* menu links */
    .menu-links {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-wrap .toggler:checked ~ .menu-links {
        visibility: visible;
        
    }

    .menu-wrap .toggler:checked ~ .menu-links > div {
        transform: scale(1);
        transition-duration: var(--menu-speed) ;
    }

    .menu-wrap .toggler:checked ~ .menu-links > div > div {
        opacity: 1;
        transition: opacity .4s ease;
    }

    .menu-wrap .menu-links > div {
        background: var(--overlay-blue);
        border-radius: 50%;
        width: 200vw;
        height: 200vh;
        display: flex;
        flex: none;
        align-items: center;
        justify-content: center;
        transform: scale(0);
        transition-duration: var(--menu-speed);
        transform: all .4s ease;
    }

    .menu-wrap .menu-links >div >div {
        text-align: center;
        max-width: 90vw;
        max-height: 100vh;
        opacity: 0;
        transition: opacity .4s ease;
    }

    .menu-wrap .menu-links >div > div> ul > li {
        list-style: none;
        padding: 2rem;
    }

    .menu-links>div>div>ul>li>a, .menu-links>div>div>ul>li>a:visited, .menu-links>div>div>ul>li>a:active {
        color: #fff;
        font-size: 1.5rem;
        text-decoration: none;
    }

    .menu-social {
        margin: 4rem 0;
    }

    .menu-social a, .menu-social a:active, .menu-social a:visited,  .menu-domain a, .menu-domain a:active, .menu-domain a:visited  {
        color: #fff;
        font-size: 1.5rem;
        text-decoration: none;
    }
    
    .menu-social > a > i {
        margin-right: 1rem;
        font-size: 2rem;
    }

}