.nav_grid
{
margin:0 auto;
display:grid;
width:520px;
grid-template-columns:repeat(4, 1fr);
}

.nav_itm
{
   
    font-size: 13px;
    font-family: 'pontano_sansregular', Arial, sans-serif;
    text-align: center;
    
}

.grid_x3
{
width:100%;
display:grid;
grid-template-columns:repeat(3, 348px);
gap:12px;
}

.grid_x3_itm
{
width:100%;
height:450px;
box-shadow: 1px 1px 15px 2px #00000066;
border-radius: 5px;
}

.card_img_sp
{
    margin-top:180px;
}

.card_title
{


height: 40px;
text-align: center;
}


.card_con
{
    padding-left: 20px;
    padding-right: 20px;
}


.card_link
{
    margin-top:25px;
}

span.nav_button
{

   border-radius: 2px;
 background-color:  rgba(122, 122, 122, 0.312);
 border:1px solid rgb(245, 242, 242);
 padding-left:12px;
 padding-right:12px;
 padding-top:4px;
 padding-bottom:4px;
}

.img_bg1
{
    background: url('../img/card8.png');
    background-position: center fixed;
    background-size: cover;
}

.img_bg2
{
    background: url('../img/testbg.jpg');
    background-position: center fixed;
    background-size: cover;
}

.img_bg3
{
    background: url('../img/card2.png');
    background-size: 348px 450px;
}

.img_bg4
{
    background: url('../img/paper_card.png');
    background-position: center fixed;
    background-size: cover;
}

.img_bg5
{
    background: url('../img/card_unity.png');
    background-position: center fixed;
    background-size: cover;
}
.img_bg6
{
    background: url('../img/card9.png');
    background-position: center fixed;
    background-size: cover;
}

.img_bg7
{
    background: url('../img/card_fade1.png');
    background-position: center fixed;
    background-size: cover;
}

.img_bg8
{
    background: url('../img/galaxy_card.png');
   
    background-size: 348px 450px;
}


/**games**/

.gridx2
{
    grid-template-columns:auto auto;
display: grid;
gap:24px;

}

.gridx2_348
{
    width:348px;
 
}

.gridx2_708
{
    width:708px;
    
}

.gridx6
{
    display: grid;display: grid;
    grid-template-columns:repeat(6, 100px);
    grid-auto-rows: minmax(100px, auto);
    gap:12px;
}

.row2
{
    grid-row:2;
}

.row3
{
    grid-row:3;
}