.home .main {
    background-image: url(../img/drive-it-up-bg-xmas.jpg);
}

.main .content.invoice-submit .christmas-intro-block h1 {
    font-size: 62px;
}

.main .content.invoice-submit .christmas-intro-block h1 span {
    text-transform: uppercase;
    font-size: 60px;
}

.spin-wheel-page .main .content .christmas-intro-block h1 {
    font-size: 62px;
}

.spin-wheel-page .main .content .christmas-intro-block h1 span {
    text-transform: uppercase;
    font-size: 60px;
}

.spin-wheel-page .main .content .christmas-intro-block h1 div {
    text-transform: initial;
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
    font-family: 'the_group_head_prolight';
    padding: 15px 0 0;
    max-width: 500px;
}

.main .content .christmas-intro-block .subheading {
    font-size: 26px;
}

.main .content .christmas-intro-block ol {
    list-style: decimal outside;
    padding-left: 20px;
}

@media screen and (min-width: 1400px) {
    .main .content .christmas-intro-block .subheading {
        font-size: 26px;
    }
}

@media screen and (min-width: 761px) {
    .home.closed-pge .main {
        background-size: auto 100% !important;
        background-attachment: scroll;
    }
}

@media screen and (max-width: 760px) {
    .home .main {
        background-attachment: scroll;
        padding-top: 375px;
    }
    
    .spin-wheel-page .main .content .christmas-intro-block h1 div {
        max-width: none;
    }
}

@media screen and (max-width: 580px) {
    .main .content.invoice-submit .christmas-intro-block h1 {
        font-size: 48px;
    }

    .main .content.invoice-submit .christmas-intro-block h1 span {
        font-size: 48px;
    }

    .main .content .christmas-intro-block .subheading {
        font-size: 22px;
    }
}

@media screen and (min-width: 1200px) {
    .spin-wheel-page .main .spin-container .spin-wheel:before, 
    .spin-wheel-page .main .spin-container .spin-wheel:after {
        content: '';
        position: absolute;
        top: 0;
        left: -150px;
        width: 100%;
        height: 200px;
        z-index: 1;
        pointer-events: none;
        background: url(../img/spin-prizes-xmas-1.png) top left no-repeat;
        background-size: auto 100%;
    }
    
    .spin-wheel-page .main .spin-container .spin-wheel:after {
        background-image: url(../img/spin-prizes-xmas-2.png);
        top: auto;
        bottom: 0;
        height: 250px;
        left: -300px;
    }
}

@media screen and (min-width: 1400px) {
    .spin-wheel-page .main .spin-container .spin-wheel:before {
        height: 300px;
        left: -300px;
    }
    
    .spin-wheel-page .main .spin-container .spin-wheel:after {
        height: 350px;
        left: -450px;
    }
}