.modal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.7);
	overflow:hidden;
	z-index:100;
}

.modal.modal-show {
	display:block;
}

.modal .modal-window {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:var(--white-color);
	width:41.667rem;
	padding:2rem;
	z-index:101;
}

.modal h2:focus {
	outline:#3b98fc auto 1px;
}

/* 800px Responsive */
@media screen and (max-width:800px){
	.modal .modal-window {
		width:80%;
	}
}