@media (max-width: 700px) {
    .intro-orbit {
        border-color: rgba(255, 255, 255, .2);
        animation-duration: 3.2s;
        animation-delay: 0s;
    }

    .orbit-one {
        top: -100px;
        right: -70px;
    }

    .orbit-one::before {
        top: auto;
        right: auto;
        bottom: 19px;
        left: 26px;
        width: 9px;
        height: 9px;
        background: #ff6b4a;
        box-shadow: 0 0 0 5px rgba(242, 183, 45, .14), 0 0 18px #ff6b4a;
    }

    .orbit-two {
        animation-duration: 4.6s;
        animation-delay: -1.2s;
    }

    .orbit-two::before {
        top: 38px;
        right: 31px;
        bottom: auto;
        left: auto;
        width: 8px;
        height: 8px;
    }

    .registration-intro::after {
        animation-duration: 2.4s;
    }
}


