#nov-promo{
    font-size: 16px;
    --green: #cdf50b;
}
#nov-hero{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../../../images/25/nov/hero/back.jpg);
	background-image: -webkit-image-set(url("../../../images/25/nov/hero/back.jpg") 1x, url("../../../images/25/nov/hero/back@2x.jpg") 2x);
}
#nov-hero .main {
    margin-top: 5vw;
    width: 47vw;
    margin-bottom: 1vw;
    left: -1vw;
}
#nov-hero .animation {
    width: 20vw;
    height: auto;
    bottom: -5.5vw;
    position: relative;
    right: -5vw;
}
#nov-hero .button{
    width: 10vw;
    height: 2vw;
    border-radius: 35px;
    margin-top: 1vw;
    font-size: 1vw;
    margin-bottom: 6vw;
}

@media screen and (max-width: 767px) {
    #nov-hero .container,
    #nov-hero .nov-inner {
        justify-content: center;
        flex-direction: column;
    }
    #nov-hero{
        background-image: url(../../../images/25/nov/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/25/nov/hero/back-m.jpg") 1x, url("../../../images/25/nov/hero/back-m@2x.jpg") 2x);
        height: 156vw;
    }
    #nov-hero .nov-main {
        width: 100%;
    }
    #nov-hero .nov-main .main {
        width: 97%;
        margin: 0;
        top: 7vw;
    }
    #nov-hero .button{
        width: 48%;
        height: 9vw;
        border-radius: 35px;
        font-size: 4vw;
        position: relative;
        z-index: 2;
        margin: 0;
        top: 13vw;
    }
    
    #nov-hero .animation {
        width: 60%;
        bottom: -18vw;
        right: -18%;
        margin: 0;
    }
}