.blockGameServers {
    display: flex;
    background: black;
    border-radius: 10px;
    flex-direction: row;
    margin-bottom: 2%;
    flex-wrap: wrap;
}

.blockGameServers > div {
    display: flex;
    flex-direction: column;
    /*text-align: center;
    justify-content: center;
    height: 100px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;*/
    position: relative;
    cursor: pointer;
    height: 150px;

    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.blockGameServers > div > .hostName {
    margin-top: 5px;
    z-index: 10000;
    font-weight: 400;
    color: white;
    text-shadow: 1px 1px black;
    font-size: 20px;
}

.blockGameServers > div > .map {
    margin-top: 15px;
    z-index: 10000;
    font-weight: 400;
    font-size: 12px;
    color: white;
    text-shadow: 1px 1px black;
}

.blockGameServers > div > .connect {
    margin-top: 15px;
    z-index: 10000;
    text-shadow: 1px 1px black;
    font-weight: 400;
}

.blockGameServers > div > .connect > a {
    font-size: 16px;
    color: white;
 }

.blockGameServers > div {
    width: 25%;
}

.blockGameServers > div:nth-last-child(-n+3) {
    width: 33%;
}

.blockGameServers > div:last-child {
    width: 34%;
}

.blockGameServers > div::after  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.2;
    background-position: center;
    /*border-radius: 10px;*/
}

.blockGameServers > div > div > img {
    width: 20px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

/*.blockGameServers > div::after:last-child, .blockGameServers > div::after:first-child {
    border-radius: 10px;
}

.blockGameServers > div:last-child, .blockGameServers > div:first-child {
    border-radius: 10px;
}*/

.blockGameServers > .cs2soccer::after {
    border-top-left-radius: 10px;
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2447234026477003447/4BA3A6A1BB3136637CD823E28BBB02E39BA60C6A/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false);
}

.blockGameServers > .cs2deathrun::after {
    border-bottom-right-radius: 10px;
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2393186484487785024/2DAC45551E74387F1DA5B62B577A653DE976FA37/?imw=5000&imh=5000&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false);
}

.blockGameServers > .cs2awplego::after {
    border-bottom-left-radius: 10px;
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/10797413390908576/3A655E11B6947CF1C0994423A99185CB0DF20909/?imw=268&imh=151&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
}

.blockGameServers > .cs2squidgame::after {
    border-top-right-radius: 10px;
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/32188334472675564/A7C9F63C85C478FBA117E40D61AB7F421870686F/?imw=637&imh=358&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
}

.blockGameServers > .cs2soccer {
    border-top-left-radius: 10px;
}

.blockGameServers > .cs2deathrun {
    border-bottom-right-radius: 10px;
}

.blockGameServers > .cs2awplego {
    border-bottom-left-radius: 10px;
}

.blockGameServers > .cs2squidgame {
    border-top-right-radius: 10px;
}

.blockGameServers > .cs2battleroyale::after {
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/29932428527960735/0F0A5A37CE64742A21CA715FF3EA20D919B5E4D9/?imw=268&imh=151&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
}

.blockGameServers > .cs2gungame::after {
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/35559600572112546/C8F6680EA48706D92F3975737F4448D8EDAF212D/?imw=268&imh=151&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
}

.blockGameServers > .cs2deathmatch::after {
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/2383035539727633844/73F0DFBD9BF9406964831AD69B935AF45DE2CD54/?imw=637&imh=358&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
}

@media (max-width: 768px) {
    .blockGameServers {
        flex-direction: column;
        width: 98%;
        margin: auto 1%;
    }

    .blockGameServers > div {
        width: 100% !important;
    }
}

/*.blockGameServers > div > div > .icon {
    width: 34px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}*/



/*.gameServersBlock {
    !*width: fit-content;*!
    background: white;
    opacity: 1 !important;
    border-radius: 10px;
    width: 33%;
    display: inline-block;
    !*position: absolute;
    right: 0;*!
    padding: 5px;
    vertical-align: top;
}

.gameServerElement {
    width: 100%;
    padding: 5px;
}

.gameServerElement > .icon {
    width: 34px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.gameServerElement > .icon > img {
    width: 24px;
    border-radius: 50%;
}

.gameServerElement > .hostName {
    !*width: calc(100% - 64px);*!
    font-weight: 400;
    display: inline-block;
}

.gameServerElement > .map {
   !* width: 250px;*!
    font-weight: 300;
    !*display: inline-block;*!
}

.gameServerElement > .players {
    !*width: 100px;*!
    font-weight: 300;
    !*display: inline-block;*!
}

.gameServerElement > .connect {
    cursor: pointer;
    !*display: inline-block;*!
    !*text-align: right;*!
    font-weight: 300;
}

.gameServerElement > .connect > a {
    letter-spacing: 1.2px;
}

.gameServerElement > div > .label {
    color: gray;
    font-weight: 100;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
.blockGameServers
    .gameServerElement > .hostName {
        width: unset;
    }

    .gameServerElement > .icon {
        width: 32px;
    }

    .gameServerElement > .map {
        margin-left: 40px;
        width: 45%;
    }

    .gameServerElement > .players {
        text-align: center;
    }

    .gameServerElement > .connect > a {
        border-bottom: none !important;
        color: black;
    }

    .gameServerElement > .connect {
        width: 100%;
        text-align: center;
    }

    .gameServersBlock {
        width: 100%;
    }
}*/

/*
.gameServerElement {
    width: 100%;
    margin: 10px 0;
}

.gameServerElement > .icon {
    width: 64px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.gameServerElement > .icon > img {
    width: 24px;
    border-radius: 50%;
}

.gameServerElement > .hostName {
    width: 300px;
    font-weight: 400;
    display: inline-block;
}

.gameServerElement > .map {
    width: 250px;
    font-weight: 300;
    display: inline-block;
}

.gameServerElement > .players {
    width: 100px;
    font-weight: 300;
    display: inline-block;
}

.gameServerElement > .connect {
    cursor: pointer;
    display: inline-block;
    text-align: right;
    font-weight: 300;
}

.gameServerElement > .connect > a {
    letter-spacing: 1.2px;
}

.gameServerElement > div > .label {
    color: gray;
    font-weight: 100;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .gameServerElement > .hostName {
        width: unset;
    }

    .gameServerElement > .icon {
        width: 32px;
    }

    .gameServerElement > .map {
        margin-left: 40px;
        width: 45%;
    }

    .gameServerElement > .players {
        text-align: center;
    }

    .gameServerElement > .connect > a {
        border-bottom: none !important;
        color: black;
    }

    .gameServerElement > .connect {
        width: 100%;
        text-align: center;
    }
}*/