.modal .wrap{padding: 10px; width:100%; height: 50vh;}
/*.modal .wrap{ width:80%; position: absolute; background-color: #fff;left: 50%;top: 50%;transform: translate(-50%, -55%);border:1px solid #ccc;padding:20px; box-shadow: 0px 0px 10px #666; border-radius:3px}
*/
.modal .wrap iframe{width: 100%; height:40vh;}
.cont .iframe{ height:60vw; margin-bottom: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; }

@media screen and (min-width:768px){
	.cuerpo .wrap{ width:90%; margin: 0px auto; overflow: auto }
	.cont{display: grid; grid-template-columns: 33% 33% 33%; grid-column-gap: 1.5%; padding-bottom: 20px;}
	.cont .iframe{ height:125px;}
}
@media screen and (min-width:1024px){
	.cuerpo .wrap{width:80%}
	.cont{grid-template-columns:22% 22% 22% 22%; grid-column-gap:4%}
	.modal .wrap{width:70%; height:70vh;}
	.modal .wrap iframe{height:60vh;}
}
@media screen and (min-width:1600px){
	.cuerpo .wrap{width:60%}
	.modal .wrap{width:50%; height:60%;}
	.modal .wrap iframe{height:55vh;}
}