.reveal-modal-bg {
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.5);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {	
	visibility: hidden;	
	position: absolute;
	top: 100px; 
	left: 50%;
	z-index: 101;
	padding: 60px 40px;
	margin-left: -300px;
	width: 520px;
	background: #003e6b;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	-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.small {
	width: 200px; 
	margin-left: -140px;
	}
.reveal-modal.medium {
	width: 400px; 
	margin-left: -240px;
	}
.reveal-modal.large {
	width: 600px; 
	margin-left: -340px;
	}
.reveal-modal.xlarge { 
	width: 800px; 
	margin-left: -440px;
	}
#bnt-click {
	display: block;
	width: 140px;
	margin: 40px auto 0;
	padding: 10px 0;
	background: #ffdb2a;
	color: #003e6b;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	} 
#bnt-close {
	position: absolute;
	top: 8px;
	right: 11px;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	cursor: pointer;
	}