.modalWindow {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	z-index: 99999;
	opacity:0;
	pointer-events: none;
	text-align:center;
}
.modalWindow:target {
	opacity:1;
	pointer-events: auto;
}
.modalWindow > div {
	width: 800px;
	height: 400px;
	position: relative;
	margin: 5% auto;
	background: #323232;
}

.fechar {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.fechar {
  position: absolute;
  right: 32px;
  top: 100px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.fechar:hover {
  opacity: 1;
}
.fechar:before, .fechar:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #fff;
}
.fechar:before {
  transform: rotate(45deg);
}
.fechar:after {
  transform: rotate(-45deg);
}