.allloads {
    position: relative;margin-top: 5%;
    margin-left: 5%;width: 90%;height: 90%;
    text-align: center;overflow: auto;
}
.characterload {
    position:relative;width:100%;display:block;
}
.characterload font {
    display: inline-block;width: 25%;position:relative;
    font-size: 3vw;color: var(--c-gold);vertical-align: middle;
}
.loadchar {
    vertical-align: middle;width: 75%;display: inline-block;position:relative;
    background-color: var(--c-bg);text-align: left;margin-bottom: 1vw;
}
.loadchar a {
    display: inline-block;width: 15vw;position:relative;
    height: 8vw;vertical-align: middle;outline: solid 3px var(--c-gold);
}
.loadchar a img {width:15vw;display:block;}



.pickreg {
    position:relative;width: 100%;margin-left: 0%;text-align: left;
}
.pickregionim {
    display: inline-block !important;position:relative !important;
    height: 10vh !important;margin: 0 1vw !important;
    cursor: pointer;
}
.pickreg font {
    font-size: 3vh;padding: 0.5vh 1vw;height: auto !important;
    background-color: var(--c-cyan);font-weight: bold;
    margin: 1vh 1vw;margin-left: 3px !important;
    outline: solid 3px var(--c-gold);
}
.loadresults {
    width:95%;position:relative;margin-top: 2vh;
    display:grid;margin-left: 3px;
    grid-column-gap: 2%;grid-row-gap: 10%;
    grid-template-columns: 18% 18% 18% 18% 18%;
}
.loadresults a {
    position:relative;display: inline-grid;
    height: 18vh;outline: solid 3px var(--c-gold);
    overflow: hidden;
}
.loadresults a img {
    width:100% !important;min-height:100% !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);transition: all 0.3s ease-in-out;
}
.loadresults a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);}

#piltoverresults, #demaciaresults, #sblossomresults 
{display: none;}