.m-LOGO>canvas {
    background-color: #000000;
    display: block;
    width: 100%;
    filter: contrast(1.03);
}

main {
   /* height: 100%;*/
    width: 100%;
    display: flex;
    background-color: #000
}

main>.m-main {
    z-index: 2;
    pointer-events: none;
    color: #fff
}

main>.m-main>a {
    pointer-events: all
}

main>.m-LOGO {
    position: absolute;
    margin: 0;
    position: absolute;
  /*  width: 1920px;
    height: 1920px;*/
   width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)

}

.m-main>.space_logo {
    height: 450px
}

@media (max-width:576px) {
    main>.m-LOGO {
        height: 1540px;
        max-width: 1540px
    }

    .m-main>.space_logo {
        height: 350px
    }
}

@media (max-width:476px) {
    main>.m-LOGO {
        height: 1340px;
        max-width: 1340px
    }

    .m-main>.space_logo {
        height: 250px
    }
}

@media (max-width:376px) {
    main>.m-LOGO {
        height: 1140px;
        max-width: 1140px
    }
}

@media (min-width:1992px) {
    main>.m-LOGO {
        max-width: unset
    }
}