.modal {
	display: none;
	position: fixed;
	z-index: 10001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	opacity : 1;
}

.modal-menu {
    font-size: 2rem;
	color : yellow;
	position: fixed;
	top : -6px;
	right : 28px;
	cursor : pointer;
}

.modal-menu:hover {
	color : white;
	font-size: 2.2rem;
}

.modal-content {
	z-index: 10003;
	margin: 0 auto;
	width: 80%;
	max-width: 90%;
}

.modal-body {
	z-index: 10003;
    flex: 1 1 auto;
    padding: 5px;
	margin : 0;
	background: #FFF;
	opacity: 1;
	-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}