body { background-image: url(../img/fondo.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%  100%; 
    
}
.caja {
    background: rgba(0,0,0,.0);
    width: 100%;
    padding: 0px 0px;
    margin-bottom: 0%;
    border-radius: 0px;
    font-size: 32px;
    color: #fff;
}
.caja p{
    color:#333333;
    
}

/* label:hover {
    background: #333;
    color:#d8d8d8;
    cursor:pointer ;
    
} */

.centrado{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh
}

.hide{
	display: none;
	/*visibility: hidden;*/
}

@media (max-width:768px){
    label {
    color: #333;
    background: #d8d8d8;
    width: 100%;
    padding: 50px 10px;
    border-radius: 1px;
    cursor:default ;
}

}

@media (min-width:768px){
    label {
    color: #333;
    background: #d8d8d8;
    width: 90%;
    padding: 20px 10px;
    border-radius: 20px 0px 20px 0px;
    cursor:default ;
    
}

}

#contador {font-size: 32px; }
#nombre {
    color: #333;
    background: #d8d8d8;
    margin-top: 0px;
    width: 30%;
    height: 30%;
    border-radius: 1px;
    cursor:pointer ;
}