.modal{
    width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0,0,0,0.6);  
    top: 0;
	left: 0; 
    display: flex;
    animation: modal 1s 2s forwards;
    visibility: hidden;
    opacity: 0;
}

.contenidoModal{
    margin: auto;
    width: 70vw;
	height: 65vh;
    background: #C5C5BF;
    border-radius: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    padding: 0 10 0 10px;
    text-align: left;
    /*overflow: hidden;*/
    /*align-items: center; */ 
}


#cerrar{
    display: none;
}

#cerrar + label{
    position: fixed;
    color:#EEEEEE;
    font-size: 1rem;
    z-index: 50;
    background: #cc3333;
    width: 60px;
/*	height: 40px;*/
    line-height: 40px;
    border-radius: 4px;
/*    padding: 4px;*/
    /*right: 20px;*/
    cursor:pointer;
    /*top: 50px;*/
    top: calc(10px + 10vh);
    left: 47vw;
    text-align: center;
    margin: auto;
    
    animation: modal 1s 2s forwards;
    visibility: hidden;
    opacity: 0;
}

#cerrar:checked + label, #cerrar:checked ~ .modal {
    display:none;
}

@keyframes modal {
    100% {
        visibility: visible;
        opacity: 1;
    }
}

.cajaModal{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 64vh;
    overflow-y: auto;
/* margin: auto;*/
/*background-color: aqua;*/
}

.columnaModal{
    height: auto;
    padding: 24px;
    margin: auto;
    font-family: 'Roboto Mono', monospace;
    font-size: calc(0.5em + 0.5vw);
/*background-color: red;*/
}

.titModal{
    font-size: calc(0.8em + 0.5vw);
    margin-top: 0px;
    font-weight: bold;
}


@media only screen and (min-width:320px) and (max-width:1280px){
/*	.contenedor{
		width: 95%;
	}*/
    
.contenidoModal{
    margin: auto;
    width: 70vw;
	height: 72vh;
    background: #C5C5BF;
    border-radius: 8px;
    
    display: flex;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    text-align: left;
    overflow: hidden;
    
    color: black;
}
    
    .cajaModal{
    height: 70vh;
}
    
    .columnaModal{
    height: auto;
    padding: 14px;
    margin: auto;
  /*  font-family: 'Roboto Mono', monospace;*/
        
    font-size: calc(0.4em + 0.5vw);
/*background-color: red;*/
}

    
    .titModal{
    font-size: calc(0.8em + 0.5vw);
    margin-top: 0px;
    font-weight: bold;
}
    
    #cerrar + label{
    position: fixed;
    top: 10px;
}
    
}