.mobile-button svg {
    color: #8568ab;
    width: 2rem;
    height: 2rem;
}

@media (max-width: 767.98px) {
    .background-animation .stairs {
        width: 100vw;
        height: 100vh;
        left: 0px;
        transform: translateX(20.5%);
        top: 5rem;
    }
}

@media (max-width: 61.24em) {
    .site-header {
        position: fixed;
        height: 70px;
        background-color: transparent;
    }

    .site-logo {
        display: none;
    }

    .mobile-button {
        position: absolute;
        right: 1rem;
        top: .5rem;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        width: fit-content;
        height: fit-content;
        border-radius: 50%;
    }

    .is-menu-open .mobile-wrapper {
        margin-top: 1rem;
    }

    .background-animation .step-top.step-1 {
        width: 90px;
        left: 50px;
        top: calc(5rem + 2px);
    }

    .background-animation .step-top.step-2 {
        width: 90px;
        left: 90px;
        top: 6rem;
    }

    .background-animation .step-top.step-3 {
        width: 90px;
        left: 124px;
        top: 9rem;
    }

    .background-animation .spider {
        display: block;
        width: 30vw;
        top: 25vh;
        left: 94vw;
    }

    /* .big-saucer{
        left: 31vw !important;
        top: -19vh !important;
        transform: rotate(28deg) !important;
    } */
    .watermelon {
        display: none;
    }

    .home-hero-edition {
        width: 8rem;
        height: 8rem;
        top: 23vh;
        right: -10vw;
    }

    .home-numbers {
        display: block;
    }

    .home-numbers-item {
        width: 8rem;
        height: 8rem;
    }

    .home-numbers-item--workshops {
        top: 127.31419vw;
        left: -4%;
    }

    .home-numbers-item--evenings {
        top: 80vh !important;
        left: 33vw !important;
    }

    .hand {
        display: none;
    }

    .home-see-program {
        display: none;
    }

    .background-animation .step-bottom.step-1 {
        top: 77vh;
        left: 90vw;
        width: 120px;
        height: 100px;
        display: block !important;
    }
    .background-animation .step-bottom.step-2 {
        top: 82vh;
        left: 92vw;
        width: 120px;
        height: 100px;
        display: block !important;
    }
    .background-animation .step-bottom.step-3 {
        top: 87vh;
        left: 95vw;
        width: 120px;
        height: 100px;
        display: block !important;
    }
    .home-festival-feature--kikkintown{
        margin-top: -17vh;
        height: fit-content;
        padding-bottom: 8rem;
    }

    /* 
    .background-animation .step-bottom.step-2 {
        width: 90px;
        left: 90px;
        top: 6rem;
    }

    .background-animation .step-bottom.step-3 {
        width: 90px;
        left: 124px;
        top: 9rem;
    } */
}