#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;
}
}