.anniversary-logo {
    display: flex;
    justify-content: flex-start;
    transform: translateX(-50%);
    margin-left: 50%;
    padding: 0 16px;

    position: fixed;
    left: 0;
    top: 20px;
    height: 0;
    width: 100%;
    overflow: visible;
    z-index: 100;

    pointer-events: none;
    cursor: unset;
}

.anniversary-logo-link {
    display: block;
    height: 24px;
    width: 100px;
}
.anniversary-logo-link svg {
    height: 100%;
    width: 100%;
}
.anniversary-logo svg path {
    transition: fill 500ms ease-in-out;
} 


.anniversary-logo.sticky {
    justify-content: flex-start;
    position: fixed !important;
    top: 20px !important;
    left: 0px !important;
} 
.anniversary-logo.sticky svg path {
    fill: #398121;
} 
.anniversary-logo.sticky .anniversary-logo-link {
    height: 24px;
    width: 100px;
}


@media screen and (min-width: 1024px) {
    .anniversary-logo {
        position: absolute;
        justify-content: flex-start;
        top: 240px !important;
    }


    .anniversary-logo-link {
        height: 94px;
        width: 401px;
        transition: height 500ms ease-in-out, width 500ms ease-in-out;
    }  
    

    .anniversary-logo {
        transition: none !important;
    }
    .anniversary-logo.stickyX {
        transition: top 500ms ease-in-out, left 500ms ease-in-out !important;
    } 


    .anniversary-logo.sticky {
        top: 44px !important;
    } 


    .anniversary-logo.subpage {
        position: fixed !important;
        top: 44px !important;
    } 
    .anniversary-logo.subpage .anniversary-logo-link {
        height: 35.28px;
        width: 150px;
    }
    .anniversary-logo.sticky .anniversary-logo-link {
        height: 35.28px;
        width: 150px;
    }
}
@media screen and (min-width: 1540px) {
    .anniversary-logo {
        max-width: 96.25rem;
    }
}




.hero .shop-button {
    right: 64px !important;
}
.shop-button svg path {
    transition: fill 500ms ease-in-out;
}
.is-open-right .shop-button svg path {
    fill: #3b4339 !important;
}

.nav-service__one {
    margin:  0 24px 0 auto;
}
.nav-service__three {
    margin-left: auto !important;
}

.off-canvas.is-transition-overlap.is-open {
	box-shadow: 1px 5px 10px rgba(10, 10, 10, 0.1) !important;
}

@media print, screen and (min-width: 64em) {
    .nav-lang {
        margin: 0 24px 0 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .hero .shop-button {
        right: 88px !important;
    }
}
@media screen and (min-width: 1024px) {
    .is-open-right .shop-button svg path {
        fill: #ffffff !important;
    }
    .nav-service__three {
        margin-left: unset !important;
    }
}