/*body {
	text-align: center;
	font-family: sans-serif;
	margin: 0
}

.modalmisa {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
}
.contenidomisa{
	margin: auto;
	width: 40%;
	height: 70%;
	background: white;
	border-radius: 10px;
}

#cerrarxx {
	display: none;
}

#cerrarxx + label {
	position: absolute;
	color: white;
	font-size: 25px;
	z-index: 50;
	background: darkred;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 455px;
	top: 90px;
	cursor: pointer;
}

#cerrarxx:checked + label, #cerrarxx:checked ~ .modalmisa {
	display: none
}
*/

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}