body{
    overflow-y: hidden;
    overflow-x: hidden;

  }

  @media (max-width: 600px) {
      body {
      background-size:100% 100%; 
      background-image:url('assets/A/lata arriba-03.png');
      background-position:50% 50%;
      width: 100%;
      height: 100%;
      position: absolute;
  
      }
      #imgLogo{
        height: 13%;
        width: 50%;
        max-height: 100%;
        max-width: 100%;
        position:fixed;
        /*element can move on the screen (only screen, not page)*/
     
        left:47%;top:90%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);
    }
    #imgLogo2{
      height: 25%;
      width: 80%;
      max-height: 100%;
      max-width: 100%;
      position:fixed;
      /*element can move on the screen (only screen, not page)*/
   
      left:50%;top:30%;
      /*set the top left corner of the element on the center of the screen*/
   
      transform:translate(-50%,-83%);}

      #botonCargarCodigo{
		  font-family: 'CoreBold' ;
        max-height: 100%;
          max-width: 100%;
          position:fixed;
          /*element can move on the screen (only screen, not page)*/
       
          left:50%;top:36%;
          /*set the top left corner of the element on the center of the screen*/
       
          transform:translate(-50%,-50%);
		  color: white;
      border-color: white;
      background-color: #ff0000;
		  color: white;
		  font-size: 14px;
		 text-align: center;
          
      }
  
  }
  
  
  @media (min-width: 601px) {
      body {
          background-size:100% 100%; 
          background-image:url('assets/A/lata arriba-07.png');
          background-position:50% 50%;
          width: 100%;
          height: 100%;
          position: absolute;
      }
      #imgLogo{
        height: 12%;
        width: 20%;
        max-height: 100%;
          max-width: 100%;
          position:fixed;
          /*element can move on the screen (only screen, not page)*/
       
          left:50%;top:92%;
          /*set the top left corner of the element on the center of the screen*/
       
          transform:translate(-50%,-50%);
          
      }
      #imgLogo2{
        height: 33%;
        width:33%;
        max-height: 100%;
        max-width: 100%;
        position:fixed;
        /*element can move on the screen (only screen, not page)*/
     
        left:50%;top:18%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);
          
      }

      #botonCargarCodigo{
		font-family: 'CoreBold' ;
        max-height: 100%;
          max-width: 100%;
          position:fixed;
          /*element can move on the screen (only screen, not page)*/
       
          left:50%;top:36%;
          /*set the top left corner of the element on the center of the screen*/
       
          transform:translate(-50%,-50%);
		  color: white;
		  border-color: white;
      color: white;
      background-color: #ff0000;
		  font-size: 18px;
		 text-align: center;
          
      }
     
  }