div.net-challenge-logo {
    position: absolute;
    /* background: aqua; */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
}

div.net-challenge-logo svg {
    width: 80vw;
}

#main-leuze-logo .leuze-logo-text .st1, #main-leuze-logo .lch-left-text, #main-leuze-logo .lch-right-text  {
    transition-duration: 0.5s;
}

#main-leuze-logo:hover .leuze-logo-text .st1 {
    fill: white;

}

#main-leuze-logo:hover .lch-left-text {
    transform: translate(-1rem, 0px);
}

#main-leuze-logo:hover .lch-right-text {
    transform: translate(1rem, 0px);
}

@media (max-width: 800px) {

    div.net-challenge-logo svg {
        width: 100vw;
        margin-right: -2rem;
    }


    .logo-min-hidden{
        display: none;
    }

    .logo-left-min-side, .logo-line {
        transform: translateX(85px);
    }

    .logo-right-min-side {
        transform: translateX(-85px);
    }

    .logo-year{
        transform: translateX(-185px);

    }

}