/***************games grid *********************/
.flex-container {
  display: flex;
  flex-wrap: wrap;     
  max-width: 80%;
  margin: 0 auto 30px;     
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 19% ;        
  margin: 5px 5px 5px 5px;
  text-align: center;       
}
.flex-container h1
{
	position: absolute;
    width: 100%;
    margin-top: -194px;
    height: 102%;
    padding-top: 10px;
    color: white;
    /* font-weight: 700!important; */
    background-color: rgb(19 30 40);
    opacity: 0.8;
    font: inherit;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight:600
}

.buttonoverlap
{
    width: 50%;
    position: absolute;
    z-index: 2;
    top: 33%;
    display: none;
    left: 25%;
    cursor: pointer;
    padding: 4px 14px;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-radius: 3px;
}

.mydivouter{
	position:relative;	
	width: 100%;
	height: 100%;
	margin: 0 auto;	
}
.mydivoverlap{
	position: relative;
	z-index: 1;	
}

.mydivouter:hover .buttonoverlap{ 
	display:block;	
	background-color: #e30613;	
	color:#1c2129;
}

.mydivouter:hover .titleoverlap{ 
	display:block !important;
}
/*****************************mobile grid****************************/
@media all and (min-width: 100px) and (max-width: 1000px){
.flex-container {
  display: flex;
  flex-wrap: wrap;     
  max-width: 100%;
  margin: 0 auto 30px;     
}

.flex-container > div {
  background-color: #f1f1f1;
  width: 47% ;        
  margin: 4px 4px 4px 4px;
  text-align: center;       
}
.flex-container h1
{
	margin-left: -1px;
    width: 102%;
    margin-top: -76%;
    height: 102%;
    /* padding-top: 3px; */
    color: white;
    background-color: rgb(19 30 40);
    font: inherit;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    opacity: 0.8!important;

}
}
/******************************games popup******************************/
 .fullscreen-container {
	  display: none;
	  position: fixed;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0; 
	  background: rgba(19, 19, 19, 0.93);
	  z-index: 9999;
	}
 #popdiv {                       
	  -webkit-overflow-scrolling:touch;   
	  background-color: #202020;
	  position: absolute;
	  top: 1%;
	  left: 5%;
	  bottom: 5%;
	  right: 5%;
	}