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

}
@media(max-width:321px){
    body {
        background-size:100% 100%; 
        background-image:url('assets/A/lata arriba-03.png');
        background-position:50% 50%;
        width: 100%;
        height: 100%;
        position: absolute;
    
        }
    #text{
        text-align: center;
        color: white;
        font-family: 'CoreBold' ;
        font-size: 20px;
        max-width: 100%;
        width: 100%;
        position:fixed;
        /*element can move on the screen (only screen, not page)*/
     
        left:50%;top:15%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);}
        .container3{
            font-family: 'CoreBold' ;
            max-width: 100%;
            position:fixed;
            /*element can move on the screen (only screen, not page)*/
         
            left:50%;top:25%;
            /*set the top left corner of the element on the center of the screen*/
         
            transform:translate(-50%,-50%);}
            .btn{
                height: 40px;
                max-width: 100%;
                text-align:center;
        
            }

    }


@media (min-width: 322px) {
	body {
	background-size:100% 100%; 
    background-image:url('assets/A/lata arriba-03.png');
    background-position:50% 50%;
    width: 100%;
    height: 100%;
    position: absolute;

    }
    #text{
        text-align: center;
        color: white;
        font-family: 'CoreBold' ;
        font-size: 25px;
        max-width: 100%;
        width: 100%;
        position:fixed;
        /*element can move on the screen (only screen, not page)*/
     
        left:50%;top:15%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);}
        .container3{
            font-family: 'CoreBold' ;
            max-width: 100%;
            position:fixed;
            /*element can move on the screen (only screen, not page)*/
         
            left:50%;top:25%;
            /*set the top left corner of the element on the center of the screen*/
         
            transform:translate(-50%,-50%);}
            .btn{
                height: 40px;
                max-width: 100%;
                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;
    }
    #text{
        text-align: center;
        color: white;
        font-family: 'CoreBold' ;
        max-width: 100%;
        position:fixed;
        /*element can move on the screen (only screen, not page)*/
        font-size: 35px;

        left:50%;top:10%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);


    }
    .container3{
        font-family: 'CoreBold' ;
        max-width: 100%;
        position:fixed;
        text-align:center;

        /*element can move on the screen (only screen, not page)*/
     
        left:49.5%;top:20%;
        /*set the top left corner of the element on the center of the screen*/
     
        transform:translate(-50%,-50%);
        
    }
    .btn{
        height: 40px;
        max-width: 100%;
        text-align:center;

    }
}

.btn-primary-outline {
    background-color: transparent;
    border: 3px,solid;
    border-color: white;
    color: white;
    width: 80px;
  }
  


 #button{
     color: white;
     border-color: white;
     font-size: 17px;
    text-align: center;
 
 
 }