/* ===========================
   ===== Modal  =====
   =========================== */


.centering{
	max-width:1200px;
	margin:50px auto;
}

.modal{
	display: none;
	position: fixed;
	z-index: 99999999;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
}

.modal-content{
	position: relative;
	background: #fff;
	margin:1% auto;
	padding:20px;
	width:80%;
	animation: modalanim 0.5s ease;
}

.close{
	color: #aaa;
	cursor: pointer;
	float:right;
}

@keyframes modalanim{
	from{top:-100px; opacity:0}
	to{top:0; opacity:1}
}

@keyframes modalanim{
	from{top:-100px; opacity:0}
	to{top:0; opacity:1}
}