.Townsfolk-1{
        grid-row-start:1;
        grid-column-start: 1;
}

.Townsfolk-2{
        grid-row-start:2;
        grid-column-start: 1;
}

.Townsfolk-3{
        grid-row-start:3;
        grid-column-start: 1;
}

.Townsfolk-4{
        grid-row-start:4;
        grid-column-start: 1;
}

.Townsfolk-5{
        grid-row-start:1;
        grid-column-start: calc(town+1);
}

.Townsfolk-6{
        grid-row-start:2;
        grid-column-start: calc(town+1);
}

.Townsfolk-7{
        grid-row-start:3;
        grid-column-start: calc(town+1);
}

.Townsfolk-8{
        grid-row-start:4;
        grid-column-start: calc(town+1);
}

.Townsfolk-9{
        grid-row-start:1;
        grid-column-start: calc(town+2);
}

.Townsfolk-10{
        grid-row-start:2;
        grid-column-start: calc(town+2);
}

.Townsfolk-11{
        grid-row-start:3;
        grid-column-start: calc(town+2);
}

.Townsfolk-12{
        grid-row-start:4;
        grid-column-start: calc(town+2);
}

.Townsfolk-13{
        grid-row-start:1;
        grid-column-start: calc(town+3);
}

.Townsfolk-14{
        grid-row-start:2;
        grid-column-start: calc(town+3);
}

.Townsfolk-15{
        grid-row-start:3;
        grid-column-start: calc(town+3);
}

.Townsfolk-16{
        grid-row-start:4;
        grid-column-start: calc(town+3);
}


.Outsider-1{
        grid-row-start:1;
        grid-column-start: out;
}

.Outsider-2{
        grid-row-start:2;
        grid-column-start: out;
}

.Outsider-3{
        grid-row-start:3;
        grid-column-start: out;
}

.Outsider-4{
        grid-row-start:4;
        grid-column-start: out;
}

.Outsider-5{
        grid-row-start:1;
        grid-column-start: math(out+1);
}

.Outsider-6{
        grid-row-start:2;
        grid-column-start: math(out+1);
}

.Outsider-7{
        grid-row-start:3;
        grid-column-start: math(out+1);
}

.Outsider-8{
        grid-row-start:4;
        grid-column-start: math(out+1);
}

.Minion-1{
        grid-row-start:1;
        grid-column-start: minion;
}

.Minion-2{
        grid-row-start:2;
        grid-column-start: minion;
}

.Minion-3{
        grid-row-start:3;
        grid-column-start: minion;
}

.Minion-4{
        grid-row-start:4;
        grid-column-start: minion;
}

.Minion-5{
        grid-row-start:1;
        grid-column-start: calc(minion+1);
}

.Minion-6{
        grid-row-start:2;
        grid-column-start: calc(minion+1);
}

.Minion-7{
        grid-row-start:3;
        grid-column-start: calc(minion+1);
}

.Minion-8{
        grid-row-start:4;
        grid-column-start: calc(minion+1);
}

.Demon-1{
        grid-row-start:1;
        grid-column-start: demon;
}

.Demon-2{
        grid-row-start:2;
        grid-column-start: demon;
}

.Demon-3{
        grid-row-start:3;
        grid-column-start: demon;
}

.Demon-4{
        grid-row-start:4;
        grid-column-start: demon;
}

.Traveller-1{
        grid-row-start:5;
        grid-column-start: 1
}

.Traveller-2{
        grid-row-start:5;
        grid-column-start: 2;
}

.Traveller-3{
        grid-row-start:5;
        grid-column-start: 3;
}

.Traveller-4{
        grid-row-start:5;
        grid-column-start: 4;
}

.Traveller-5{
        grid-row-start:5;
        grid-column-start: 5;
}

.fleshandbone{
        grid-row-start:5;
}

.Fabled{
    grid-column-start: fabled;
}