#games .game:hover {
    color: white !important;
}

#games .board {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    max-width: 100%;
}

#games .board p {
    margin-bottom: 0;
}

#games h3 {
    margin-bottom: .5rem;
}



@media all and (min-width:575px) {
    #games {
        margin: 5rem 0;
    }

    #games .game {
        padding: 15px;
    }

    #games.games3 .bg {
        max-height: 180px;
        height: calc(15vw - 15px);
    }

    #games:not(.games3) .bg {
        max-height: 240px;
        height: calc(20vw - 20px);
    }

    #games.odd:not(.games3) #games_all {
        flex: none;
        max-width: 100%;
        text-align: center;
    }
}




@media all and (max-width:575px) {
    #games {
        margin: 2rem 0;
    }

    #games .game {
        margin-top: 2rem;
    }

    #games .bg {
        height: 40vw;
    }
}