@media only screen and (max-width:800px){



.body{
background-image:url(images/cardsPageBgrMobile.svg);
background-size:cover;
}



.c{
width:100vw;
margin-left:0vw;
margin-top:10vh;
}




.b{width:12vw;height:5vh;
font-family:loaded;font-size:1vh;
z-index:999999999;}


.b:hover{font-size:1vh;}



.b1{margin-left:10vw;}

.b2{margin-left:27vw;}

.b3{margin-left:44vw;}

.b4{margin-left:61vw;}

.b5{margin-left:78vw;}




.card{width:50vw;height:50vw;
margin-left:23vw;
margin-top:5vh;}


.card32{margin-bottom:20vh;}



.bgr{width:90vw;height:50vh;
margin-left:4vw;
margin-top:25vh;
}


.bgrImg{width:70vw;height:40vh;
margin-left:14vw;
margin-top:30vh;
}




.close{width:5vw;height:5vw;background:orange;color:green;
line-height:5vw;font-size:3vw;
margin-left:89vw;
margin-top:25vh;
}






::-webkit-scrollbar{width:1vh;}



}