/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50%; 
		left: 50%;
		transform: translate(-50%,-50%);
		width: 30%;
		background: #fff no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
	
	.reveal-modal span{position: absolute;
    right: 1.5rem;
    top: 1rem;
    font-size: 22px;
    font-weight: bold;cursor: pointer;color: #737373;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	.up{text-align: center;margin-top: 2rem;}
	.up h1{font-size: 18px;margin-bottom: 2rem;}
	.up form p{margin: 1.5rem 0;}
	.up form p label{text-align: justify;word-break: break-all;}
	.up form p input{box-sizing: border-box;padding: 5px 20px;border-radius: 20px;background: #f5f5f5;font-size: 16px;margin-left: 10px;}
	.up form input[type=submit]{color: #fff;font-size: 12px;color: #FFFFFF;background: #737373;padding: 8px 15px;border-radius: 20px;cursor: pointer;margin-top: 10px;}
	
@media screen and (max-width: 900px) {
	.reveal-modal{width: 96%;padding: 30px 25px 34px;}
}