.lp-background {
    background-image: url('../../images/page-specific/casino-narcos-bg.svg');
    background-color: #7d0000;
}

.lp-cta-ribbon {
    background-color: #7d0000;
}

.lp-step-number {
    color: #7d0000;
}

.lp-foreground {
    background: url(../../images/page-specific/casino-narcos-mob-for.png) no-repeat top 110px right 5px;
    background-size: 38%;
}

@media (max-width: 767px) {
    .promotionTable th, .promotionTable td {
        padding: 10px 5px;
        text-align: center;
    }
}
@media (max-width: 320px) {
    .lp-background {
        background-size: 320%;
        background-position: -288px 0;
    }
    .lp-foreground {
        background-position: top 125px right 3px;
        background-size: 35%;
    }
    .big-line-1 {
        font-size: 68px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .lp-background {
        background-size: 170%;
        background-position: -275px 0;
    }
    .lp-foreground {
        background-position: top 100px right -50px;
        background-size: 42%;
    }
}

@media (min-width: 768px) {
    .lp-background {
        background-size: 160%;
        background-position: -350px -50px;
    }
    .lp-foreground {
        background-position: top 125px right 70px;
        background-size: 30%;
    }
    .big-line-1 {
        font-size: 150px;
    }
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
    .lp-background {
        background-size: 2000px;
        background-position: -40px -50px;
    }
}

@media (min-width: 1025px) {
    .lp-foreground{
        background: url('../../images/page-specific/casino-narcos-web-for.png') no-repeat top 110px right 0;
        background-size: 55%;
    }
}
@media (min-width: 1921px) {
    .lp-background {
        background-size: 3000px;
        background-position: -250px -830px;
    }
}