.modal {
	width:100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);	
	position: absolute;
	top: 0;
	left: 0;	
	display: flex;
	z-index:1199;
		
/*animaciones*/	
	animation: modal 4s 2s forwards;; /*es la duracion de a animacion*/
	visibility:hidden;
	opacity: 0;

	}

.contenido {
	margin: auto;
	width: 60%;
	height: 60%;
	/*background-image:url(SaludoNAVIDAD.jpg);*/
	/*background: #FFF;*/
	border-radius: 5px;
	z-index:999;
	}

#cerrar {
	display:none;
	}

/*boton X cerrar*/
#cerrar + label {
	position: absolute;
	color: #999;
	font-size: 25px;
	z-index: 1200;
	/*background: darkred;*/
	height: 140px;
	height: 40px;
	line-height: 40px;
	right: 150px;
	top:100px;
	cursor: pointer !important;
	border: #666 1px solid;
	border-radius:20px;
	background: rgba(0,0,0,0.8);
	padding:0 10px 0 10px;
	
	/*animation: modal 2s 3s forwards; /*animacion simplificada*/	
	animation: modal 4s 2s forwards; /*animacion simplificada*/	
	visibility:hidden;
	opacity: 0;
	}
	
#cerrar:checked + label, #cerrar:checked ~ .modal {
	display:none;
	}
	
@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
		}
	}
	

			
@media (max-width:700px){
		.contenido{			
			width: 90%;
			}
		#cerrar + label {
			right:20px;
			top:60px;
			}
	}