.modal  {
  margin-top: 10em;
  width: 90%;
    margin-left: 5%;
}

.modal-content {
	color: #fff;
    background-color:#0f243f;
	border-color:#153155;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5%;
    background: url("../img/modal_corner1.png") bottom right;
}

.modal .picture {
  overflow: hidden;
  width: 100%;
  border-radius: 60%;
  outline: 1px solid white;
  outline-offset: 10px;  
}

.modal .close {
    font-size: 2em;
    color: #fff;
    background: #2C557D;
    margin: 0.3em 0.1em;
    padding: 0.1em 0.3em;
    border-radius: 50%;
}
.modal .close:hover {
    color: #fff;
    background: #3C73A7;
}



.modal .picture-ancha {
  overflow: hidden;
  width: 100%;
  border-radius: 8%; 
  margin-top: -60px;
}


.modal .laimagen {
  overflow: hidden;
  height: 600px;
    width: 350px;
      margin-left: -35px;
    margin-top: -89px;
  border-radius: 10%;
 
}
.modal-content-1 {
	max-height: 600px;
    color: #fff;
    background-color:#0f243f;
	border-color:#153155;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 7%;
    background: url("../img/modal_corner.png") bottom right;    
}


.size-frame{
	width: 100%;
    height: 550px;
}

.texto-modal{
	margin-top: -3em;
}

@media (max-width: 990px) {
	.texto-modal{
	margin-top: -17em;
    }
}

@media (max-width: 768px) {
	.texto-modal{
	margin-top: -17em;
    }
}

@media (max-width: 414px) {
	.texto-modal{
	margin-top: -23em;
    }
}