/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgb(0 0 0 / 75%);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px;
		background: #ebf0f3;
		position: fixed;
		z-index: 999999;
		left: 0;
		right: 0;
		margin: 0 auto;
		box-sizing: border-box;
		border: 1px solid #d8d8db;
		border-radius: 20px;
		}
		
	.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;}
	
	.reveal-modal .close-reveal-modal {
		    position: absolute;
		    cursor: pointer;
		    right: 15px;
		    top: 15px;
		    font-size: 30px;
		    line-height: 1;
		    color: #fbfcfd;
		    font-family: 'Futura PT';
		    font-weight: 300;
		    width: 32px;
		    height: 32px;
		    border: 1px solid #fbfcfd;
		    border-radius: 50%;
		    display: flex;
		    flex-wrap: wrap;
		    align-items: center;
		    justify-content: center;
		    z-index: 999;
		}