.bg-img-ladder, .bg-img-special, .bg-img-tournament, .bg-img-ladder-tournament, .bg-img-2v2, .bg-img-touchdown {
    background-repeat: no-repeat;
    background-position: 104% -6%;
    background-size: 100px;
}

.bg-img-grand, .bg-img-classic {
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 80px;
}


.bg-img-grand {
    background-image: url(../img/spy/gc_frame.png);
}

.bg-img-classic {
    background-image: url(../img/spy/cc_frame.png);
}

.bg-img-ladder {
    background-image: url(../img/spy/ladder.png);
}

.bg-img-special {
    background-image: url(../img/spy/special.png);
}

.bg-img-tournament {
    background-image: url(../img/spy/tournament.png);
}

.bg-img-2v2 {
    background-image: url(../img/spy/2v2.png);
    background-position: 104% -2%;
    background-size: 90px;
}

.bg-img-touchdown {
    background-image: url(../img/spy/touchdown.png);
    background-position: 104% -3%;
}

.bg-img-ladder-tournament {
    background-image: url(../img/spy/ladder-tournament.png);
}

.battle-type-2v2 {
    /*display: none;*/
}

.bg-img-20wins {
    background-repeat: no-repeat;
    background-position: 104% -5%;
    background-size: 110px;
    background-image: url(../img/challenge_special.png);
}

.bg-img-suddendeath {
    background-repeat: no-repeat;
    background-position: 104% -3%;
    background-size: 110px;
    background-image: url(../img/guide/sudden_death.png);
}

.bg-img-triple {
    background-repeat: no-repeat;
    background-position: 104% -3%;
    background-size: 110px;
    background-image: url(../img/guide/triple_elixir.png);
}

.bg-img-ghost {
    background-repeat: no-repeat;
    background-position: 104% -3%;
    background-size: 110px;
    background-image: url(../img/challenge_ghost.png);
}

.bg-img-rampup {
    background-repeat: no-repeat;
    background-position: 104% -3%;
    background-size: 110px;
    background-image: url(../img/guide/rampup.png);
}

.bg-img-crl {
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 80px;
    background-image: url(../img/crl.png);
}

.bg-img-clanwars, .bg-img-clanwars-2v2 {
    background-repeat: no-repeat;
    background-position: 105% -11%;
    background-size: 110px;
    background-image: url(../img/clanwars.png);
}
.bg-img-clanwars-2v2 {
    background-position: 105% -6%;
}

.bg-img-megadeck {
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 80px;
    background-image: url(../img/spy/megadeck.png);
}

@media (max-width: 460px) {
    .bg-img-ladder, .bg-img-special, .bg-img-tournament, .bg-img-ladder-tournament, .bg-img-2v2, .bg-img-touchdown {
        background-size: 70px;
    }

    .bg-img-grand, .bg-img-classic {
        background-size: 60px;
    }

    .bg-img-clanwars, .bg-img-clanwars-2v2 {
        background-size: 60px;
        background-position: 105% -3%;
    }
}

@media (min-width: 461px) and (max-width: 767px) {
    .bg-img-ladder, .bg-img-special, .bg-img-tournament, .bg-img-ladder-tournament, .bg-img-2v2, .bg-img-touchdown {
        background-size: 70px;
    }

    .bg-img-grand, .bg-img-classic {
        background-size: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bg-img-grand, .bg-img-classic, .bg-img-ladder, .bg-img-special, .bg-img-tournament, .bg-img-ladder-tournament, .bg-img-2v2, .bg-img-touchdown {
        background-size: 80px;
    }

    .bg-img-clanwars, .bg-img-clanwars-2v2 {
        background-size: 90px;
    }
}

@media (min-width: 1024px) {
    .bg-img-ladder, .bg-img-special, .bg-img-tournament, .bg-img-ladder-tournament, .bg-img-2v2, .bg-img-touchdown {
        background-size: 90px;
    }

    .bg-img-grand, .bg-img-classic {
        background-size: 80px;
    }
}

img.card-big {
    /*width: 11.3vw;*/
    height: 93px;
    width: 77px;
}
@media (min-width: 768px) {
    img.card-big {
        /*width: 5.85vw;*/
        height: 93px;
        width: 77px;
    }
}
@media (min-width: 1024px) {
    img.card-big {
        /*width: 4.47vw;*/
        height: 102px;
        width: 85px;
    }
}
@media (min-width: 1280px) {
    img.card-big {
        /*width: 55px;*/
        height: 95px;
        width: 79px;

    }
}

.rarity-1 {
    color: #8ec6fe;
    background-color: rgba(0,0,0,.5);
}

.rarity-2 {
    color: #fec55e;
    background-color: rgba(214,91,28,.8);
}

.rarity-3 {
    color: #f9d2f9;
    background-color: rgba(165,80,184,.8);
}

.rarity-4 {
    color: white;
    background-color: rgba(0,0,0,.5);
}

.card-tag {
    text-shadow: 0px 1px 1px #000, 0px -1px 1px #000;
}