.modal {
position: fixed;
display: inline-block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 10000;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
opacity: 0;
pointer-events: none;
vertical-align: middle;
}

.modal:target {
opacity: 1;
pointer-events: auto;
}

.modal > div {
vertical-align: middle;
text-align: center;
width: 440px;
min-height: 190px;
background: #738db7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
-webkit-animation: minimise 500ms linear;
padding-top: 30px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}

.modal_big {
}

.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}



.modal a[href="#close"] {
position: absolute;
right: 18px;
top: 21px;
width: 30px;
height: 30px;
color: transparent;
}

.modal a[href="#close"]:focus {
outline: none;
}

.modal a[href="#close"]:after {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
}

.text_modal {
	display: inline-block;
	position: relative;
	top: -30px;
}


a.openModal {
text-align: center;
}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
    display:block;
	text-align: center;
	font-size: 22pt;
}