main {
    background-image: url(/media/5820/4533661803_tree_left_v1.webp),
        url(/media/5819/4533661803_tree_right_v1.webp);
    background-position: 0px 80px, 100% 80px;
    background-repeat: no-repeat;
}

body {
  
}

.navigation__content, .top-menu {
    height: 100px;
}

.navigation__content .navigation__logo > a > img, .top-menu .logo > a > img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/media/5818/4533661803_halloween_logo_v1.webp) no-repeat;
    width: 196px; /* Width of new image */
    height: 67px; /* Height of new image */
    padding-left: 196px; /* Equal to width of new image */
}

.navigation, .top-menu-container {
    background-image: url(/media/5816/4533661803_header_top_left_v1.webp),
        url(/media/5821/4533661803_header_top_right_v1.webp);
    background-position: 5%, 95%;
    background-repeat: no-repeat, no-repeat;
}

#halloween-bats-layer {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none;
}

footer {
    background-image: url(/media/5817/4533661803_footer_bottom_right_v1.webp)!important;
    background-position:99% 20%!important;
    background-repeat: no-repeat!important;
}

@media only screen and (min-width: 1920px) {
    .navigation, .top-menu-container {
        background-position: 5% 5px, 95% 5px;
    }
}

@media only screen and (max-width: 1746px) {
	    .navigation, .top-menu-container {
        background-image: unset;
    }
}

@media only screen and (max-width: 1280px) {
    .navigation, .top-menu-container {
        background-image: unset;
    }
    main {
        background-image: unset;
    }
}

@media only screen and (max-width:992px) {
	footer {
	background-position: 99% 73% !important;
    background-size: 32% !important;
	}
}