/*-------------->DESKTOP<-----------------*/

.GamesContainer {
    display: flex;
    width: 100%;
    padding: 1% 1%;
    box-sizing: border-box;
    height:30vh;
    flex-wrap: wrap;
  }
  
  .box {
    flex: 1;
    flex-basis: 15%;
    overflow: hidden;
    transition: 0.5s;
    margin: 1% 2%;
    box-shadow: -1px 2px 12px 6px rgb(0 0 0 / 31%);
    line-height: 2;
    border-radius: 10px;
  }
  
  .box > a > img {
    width: 100%;
    height: calc(100% - 4vh);
    object-fit: cover;
    transition: 0.5s;
  }
  
  .box > span {
    font-size: 1.1em;
    display: block;
    text-align: center;
    height: 2vh;
    line-height: 1;
    padding-top: 1px;
  }
  
  .box:hover > a > img {
    width: 100%;
    height: 100%;
  }
  
  /*-------------->MOBILE600<-----------------*/
  
  @media (max-width: 600px) {
    .GamesContainer {
      display: flex;
      width: 100%;
      padding: 1% 1%;
      box-sizing: border-box;
      height: 20vh;
      flex-wrap: wrap;
    }
    .lg {
      flex-basis: 31%;
    }
    .box {
      overflow: hidden;
      transition: 0.5s;
      margin: 1% 1%;
      box-shadow: -1px 2px 12px 6px rgb(0 0 0 / 31%);
      line-height: 1;
      border-radius: 5px;
    }
    .box > span {
      font-size: 1em;
    }
  }