.nameapp {
    font-family: Arial;
    font-size: 58px;
    text-shadow: 1px 2px grey;
    font-weight: bold;
}

.iconsize1 {
   margin-top: -30px;
   width: 75%;
}

.iconsize {
    width: 30%;
}

.txtimgsize01 {
    margin-top: -20px;
    width: 80%;
}

.txtimgsize02 {
    margin-top: -10px;
    width: 70%;
}

.gplaytopmargin {
    margin-top: 50px;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    
   .nameapp {
    font-family: Arial;
    font-size: 40px;
    text-shadow: 1px 2px grey;
    font-weight: bold;
   }

   .iconsize1 {
    margin-top: 0px;
    width: 100%;
   }

   .iconsize {
    width: 50%;
   }

   .txtimgsize01 {
    width: 90%;
   }

   .txtimgsize02 {
    width: 90%;
   }

   .gplaytopmargin {
    margin-top: 0px;
   }

}